Explore as a Developer
If you're just starting out developing with DIGIT UI, you're in the right place. Here's a step-by-step journey to help you start building with DIGIT.
Understand DIGIT UI Architecture
Learn how DIGIT UI is structured, including its architecture, application patterns, reusable modules, and key platform capabilities.
Explore architectureLearn About the DIGIT Design System
Understand the foundations, components, patterns, accessibility standards, and design principles that drive consistent experiences.
Preview Components in Storybook
Explore available components, their variants, props, states, and usage guidelines before implementation.
Open StorybookInstall the UI Components Library
Add DIGIT UI components to your React application via npm. The package provides all atoms and molecules from this design system as production-ready React components.
npm install @egovernments/digit-ui-componentsExplore Predefined Screens
Review ready-to-use screen templates and reference implementations to understand how components come together in real-world workflows.
View predefined screensScaffold a New Module
Use the DIGIT Module Generator to bootstrap new modules with the correct folder structure, routing, and configuration out of the box.
npx @egovernments/digit-module-generator