A three-layer token architecture, built-in dark mode, 60+ accessible components, and first-class custom themes via createTheme. Build faster without compromise.
Built on shadcn/ui primitives.
Ragnar handles the hard parts so you can focus on building great products.
A complete set of accessible, composable UI primitives built on Radix UI.
Industrial Retro and Minimal ship out of the box — and createTheme lets you define your own with token overrides.
Primitive → mode → semantic token architecture. Swap themes at runtime with a single attribute.
WCAG 2.1 compliant with keyboard navigation, ARIA labels, and focus management.
Variants powered by Class Variance Authority. Works seamlessly with Tailwind CSS v4.
Use what you need — tokens, web, native, or all of the above.
@vasf/ragnar-core60+ React components built on Radix UI, Tailwind v4, and CVA
Available@vasf/ragnar-tokensThree-layer CSS variable token system
Coming soon@vasf/ragnar-webMarketing and landing page section components
Coming soon@vasf/ragnar-nativeReact Native components sharing the same token system
Coming soon@vasf/ragnar-aiAI-focused components: chat, streaming, completions
Coming soonFigma file coming soon
Install the core package and have your first component on screen in under a minute.