shadcn-ui

To install shadcn/ui components, initialize your project configuration with `npx shadcn@latest init` to set up styles, fonts, and dependencies, then use the component discovery tools to list and add individual components to your React application.

Using shadcn/ui with React requires Tailwind CSS, class-variance-authority, clsx, tailwind-merge, and tailwindcss-animate. These utility libraries handle styling, variant management, and animation integration for the components.

Customize shadcn/ui themes and create component variants by modifying the project file structure and utility functions. Apply theming, composition techniques, and custom variant configurations to build specialized UI components.

Yes, you can leverage shadcn MCP server capabilities for enhanced React component management. These tools automate component discovery, metadata retrieval, installation, and configuration within your project workflow.

The best way to structure a React project for shadcn/ui customization is to follow the component architecture guidelines, organizing utility functions and file structures to support theming, variant creation, and dependency management effectively.