A set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks. Open Source. Open Code.

Get Started with Tailwind v4 Beautiful Charts. Built using Recharts. Copy and paste into your apps. Open Source.

You can then run the command with the flag you choose. Adding components. The process for adding components is the same as above. Select a flag to resolve the peer dependency issues.

Jan 20, 2023 · Example dashboard app built using the components. Get Started with Tailwind v4 Build your component library. A set of beautifully-designed, accessible components and a code distribution platform.

Powered by amazing open source projects.

Create project. Start by creating a new TanStack Start project by following the Build a Project from Scratch guide on the TanStack Start website.. Do not add Tailwind yet. We'll install Tailwind v4 in the next step.

Clean, modern building blocks. Copy and paste into your apps. Works with all React frameworks. Open Source. Free forever.

shadcn/ui is a set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks and AI models. Open Source. Open Code.

Install and configure shadcn/ui for Next.js.

Displays a button or a component that looks like a button. Link. You can use the buttonVariants helper to create a link that looks like a button.