ckm:ui-styling

Standardize UI styling across React apps by combining shadcn/ui components, Radix primitives, and Tailwind utilities within a canvas-based design philosophy. This approach ensures interfaces remain accessible and consistent across Next.js or Vite projects.

Build accessible dialogs and forms by leveraging prebuilt shadcn/ui components and Radix primitives. These tools provide foundational accessibility compliance, while Tailwind utilities handle the visual styling and responsive layout adjustments.

Yes, this UI styling approach applies to UI development workflows across both Next.js and Vite projects. It enforces consistent design system documentation and component architecture regardless of your chosen React build environment.

Manage design tokens, themes, and dark mode using the included design system guidance. This ensures visual consistency across your project by standardizing Tailwind utility configurations and component theming strategies.

Radix UI primitives are integrated to provide accessible foundational behavior for navigation, data tables, and forms. Combining these primitives with Tailwind utilities and shadcn/ui ensures consistent styling and reliable interaction patterns.

A canvas-based design philosophy standardizes visual design patterns for brand materials and documentation. It enforces consistent UI styling across your React application by aligning Tailwind utilities and shadcn/ui components within a unified layout framework.