CivixUI is a comprehensive component guideline library specifically crafted for government and civic applications. Built with accessibility, multilingual support, and user experience at its core, CivixUI helps you create digital services that truly serve citizens.
“Empowering governments to build digital services that are accessible, inclusive, and user-friendly for all citizens.”
Explore the different aspects of CivixUI
What makes CivixUI perfect for government and civic applications
Built with WCAG 2.1 AA compliance in mind, ensuring all users can access your applications.
Native support for Bengali and English, with RTL layout capabilities.
Designed specifically for government and civic applications with appropriate patterns.
Full dark mode support for comfortable usage in any lighting condition.
Responsive design that works perfectly on all devices and screen sizes.
Fully typed components with excellent IDE support and autocompletion.
Comprehensive overview of all components, their types, usage patterns, and key characteristics.
Component specifications and characteristics for this category
| Component | Type | Usage | Accessibility | Complexity | Variants |
|---|---|---|---|---|---|
| Button | Interactive Element | User Actions | Keyboard & Screen Reader | Low | Primary, Secondary, Outline, Ghost, Danger, Link |
| Input | Form Control | Data Entry | Labels & Validation | Low | Text, Email, Password, Number |
| Textarea | Form Control | Multi-line Text | Labels & ARIA | Low | Standard, Resizable |
| Label | Form Element | Form Labeling | For Attribute | Low | Required, Optional |
| Card | Container | Content Grouping | Semantic Structure | Low | Basic, With Header, Interactive |
Component specifications and characteristics for this category
| Component | Type | Usage | Accessibility | Complexity | Variants |
|---|---|---|---|---|---|
| File Upload | Interactive Element | Document Upload | Drag & Drop Alternatives | High | Single, Multiple, Drag & Drop |
| Password Field | Form Control | Secure Input | Screen Reader Safe | Medium | With Strength, Toggle Visibility |
| Form Registration | Form Container | Citizen Registration | Complete Form Flow | High | Single Page, Multi-step |
| Alerts | Feedback Element | User Notifications | ARIA Live Regions | Medium | Success, Warning, Error, Info |
| Payment | Transaction Interface | Payment Processing | Secure & Accessible | High | Card, Bank Transfer, Mobile |
Component specifications and characteristics for this category
| Component | Type | Usage | Accessibility | Complexity | Variants |
|---|---|---|---|---|---|
| Checklist | Task Interface | Progress Tracking | Checkbox Semantics | Medium | Simple, With Progress |
| Radio Group | Selection Control | Single Selection | Radio Group Semantics | Medium | Vertical, Horizontal, Card Style |
| Step Form | Form Wizard | Multi-step Processes | Step Navigation | High | Linear, Non-linear |
| Timeline | Data Visualization | Process Status | Chronological Structure | Medium | Vertical, Horizontal |
Explore our comprehensive collection of component guidelines organized by complexity and use case.
Essential UI building blocks for your applications
Advanced components for specific use cases
Components with complex interactions and state
Begin building accessible, government-ready applications with CivixUI