@indiacn

An open-source community design system for India's digital ecosystem, compliant with the UX4G 2.0 government design specification and WCAG 2.1 AA. Ships 25+ components (Button, Badge, Card, Modal, Tabs, Toast, Dropdown, Typography, and more) with an 8-semantic-color-scale theme (primary, secondary, neutral, success, danger, warning, info), dark mode, focus rings, and radius/keyframe tokens. Built on Radix UI, Tailwind CSS v4, CVA, React 19/Next.js 16. Distributed via shadcn registry; MIT-licensed. Use for: building accessible Indian government-style or public-service web applications that must follow UX4G 2.0 design principles.

26 components react shadcn-cli MIT

website ↗ github ↗ registry ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://indiacn.in/r/registry.json

pnpm pnpm dlx shadcn@latest add https://indiacn.in/r/registry.json

bun bunx shadcn@latest add https://indiacn.in/r/registry.json

fetch registry curl -s https://indiacn.in/r/registry.json

Components

26 total

IndiaCN UX4G theme theme

UX4G 2.0 design tokens — 8 semantic colors with 50–900 scales, focus-shadow utilities, radius ladder, and accordion/collapsible keyframes. Required by every In…

npx shadcn@latest add https://indiacn.in/r/theme.json

Typography ui

21 typography components: 6 Display, 6 Headline, 3 Title, 3 Label, 3 Body. Required by every other IndiaCN component.

npx shadcn@latest add https://indiacn.in/r/typography.json

Button ui

Versatile button with filled/outlined/tonal/text variants, primary/success/destructive themes, sm/md/lg sizes, icon support, and loading state.

npx shadcn@latest add https://indiacn.in/r/button.json

Button Group ui

Groups related buttons horizontally or vertically with shared borders.

npx shadcn@latest add https://indiacn.in/r/button-group.json

Badge ui

Compact label for status, counts, or categories. 9 themes × 3 variants × 3 sizes × 2 shapes.

npx shadcn@latest add https://indiacn.in/r/badge.json

Alert ui

Contextual feedback message. 8 themes (primary, secondary, success, danger, warning, info, light, dark) with optional dismiss button.

npx shadcn@latest add https://indiacn.in/r/alert.json

Accordion ui

Vertically-stacked collapsible sections. Built on Radix Accordion primitive.

npx shadcn@latest add https://indiacn.in/r/accordion.json

Breadcrumb ui

Navigation trail showing the current page's hierarchy.

npx shadcn@latest add https://indiacn.in/r/breadcrumb.json

Card ui

Composable container with header, content, footer, image, title, and description sub-parts.

npx shadcn@latest add https://indiacn.in/r/card.json

Chip ui

Tags, filters, or selections. 7 themes × 3 variants × 3 sizes; supports icons, avatars, dismiss, and selected state.

npx shadcn@latest add https://indiacn.in/r/chip.json

Collapse ui

Single collapsible region powered by Radix Collapsible.

npx shadcn@latest add https://indiacn.in/r/collapse.json

Dropdown ui

Dropdown menu with items, checkbox/radio items, sub-menus, separators, and shortcuts.

npx shadcn@latest add https://indiacn.in/r/dropdown.json

List Group ui

Vertical list with optional flush, horizontal, and contextual-color variants.

npx shadcn@latest add https://indiacn.in/r/list-group.json

Modal ui

Dialog with sm/md/lg/xl/fullscreen sizes and optional scrollable body.

npx shadcn@latest add https://indiacn.in/r/modal.json

Offcanvas ui

Slide-in panel from any side with optional body-scroll mode.

npx shadcn@latest add https://indiacn.in/r/offcanvas.json

Pagination ui

Page navigation with default and flat variants in 3 sizes.

npx shadcn@latest add https://indiacn.in/r/pagination.json

Popover ui

Anchored floating panel powered by Radix Popover.

npx shadcn@latest add https://indiacn.in/r/popover.json

Progress ui

Linear progress bar with theme colors, sizes, striped + animated stripes.

npx shadcn@latest add https://indiacn.in/r/progress.json

Search ui

Search input with icon, sizes, and optional clear button.

npx shadcn@latest add https://indiacn.in/r/search.json

Separator ui

Horizontal or vertical divider built on Radix Separator.

npx shadcn@latest add https://indiacn.in/r/separator.json

Skeleton ui

Loading placeholder with rect/circle/pill/text shapes and pulse/wave animations.

npx shadcn@latest add https://indiacn.in/r/skeleton.json

Spinner ui

Loading indicator with border/grow variants, theme colors, and sm/md/lg sizes.

npx shadcn@latest add https://indiacn.in/r/spinner.json

Stepper ui

Step indicator for multi-step flows with horizontal/vertical orientation and completed/active/warning/pending states.

npx shadcn@latest add https://indiacn.in/r/stepper.json

Tabs ui

Tab list with tabs, pills, and underline variants. Built on Radix Tabs.

npx shadcn@latest add https://indiacn.in/r/tabs.json

Toast ui

Notification toast with provider, hook, container, and theme variants.

npx shadcn@latest add https://indiacn.in/r/toast.json

Tooltip ui

Hover/focus tooltip with 8 theme variants. Built on Radix Tooltip.

npx shadcn@latest add https://indiacn.in/r/tooltip.json