moai-library-shadcn

Customize shadcn/ui components by overriding CSS variables to apply your brand's color palette. This approach integrates custom brand guidelines directly into the Tailwind CSS theme, ensuring design system consistency across all React UI components.

The best way to build complex forms with shadcn/ui is using advanced composition patterns. The Skill guides on composing forms with various input fields, toggles, and multi-step structures while adhering to accessibility standards via Radix UI primitives.

Yes, shadcn/ui works with Radix UI by integrating its primitives to ensure accessibility compliance. This combination provides the foundational accessible behaviors required for robust React component implementation.

Implement a data table in React using shadcn/ui and Tailwind CSS by applying advanced component patterns. The Skill provides expertise on structuring data tables, ensuring efficient UI development and performance optimization.

You can use shadcn/ui to build a multi-step settings page with tabs for general, notifications, and security. The Skill provides the patterns and code examples to efficiently compose these UI elements while maintaining accessibility.

shadcn/ui supports performance optimization strategies for React UIs by leveraging Radix UI primitives and Tailwind CSS. The Skill covers these strategies to ensure efficient component implementation and rendering.