2026
@dev-dga
dev-dga is an independent React 19 implementation of the Saudi Digital Government Authority's Platforms Code. It ships as three npm packages (tokens, CSS, and React), with a bilingual docs site and Storybook. Every component works in Arabic and English, right-to-left and left-to-right, light and dark, and meets WCAG 2.2 AA. I built it after migrating a production Laravel and Inertia app, so it covers what real government apps need: forms that submit through FormData, Hijri dates, server-driven tables, and one-color entity theming. MIT licensed, free to use.
What went into it
- 65 React 19 components matching the DGA Platforms Code Figma
- Arabic-first and RTL-native: Hijri calendar, Arabic numbering, bidi-safe Saudi data
- WCAG 2.2 AA, with axe checks in Vitest and Playwright
- Published on npm as @dev-dga/react, @dev-dga/css, and @dev-dga/tokens (1.6.0)
- Brand any government entity from one color, in light and dark mode
- Bilingual docs site and Storybook, both live on Vercel
Built with
- React.js
- Next.js
- JavaScript
- TypeScript
- Tailwind CSS
- CSS3
- Vercel
- npm
- Design Systems
- Accessibility