Framework-specific guides that cover our recommended approach to installing Tailwind CSS in a number of popular environments. Next.js Full-featured React framework with great developer …

Setting up Tailwind CSS in a Create React App project. We highly recommend using Vite , Next.js , Remix , or Parcel instead of Create React App. They provide an equivalent or better …

Tailwind will swap these directives out at build-time with all of the styles it generates based on your configured design system. Read our documentation on adding base styles, extracting …

Install Tailwind CSS with React Router. Setting up Tailwind CSS in a React Router project.

Installing Tailwind CSS as a Vite plugin is the most seamless way to integrate it with frameworks like Laravel, SvelteKit, React Router, Nuxt, and SolidJS.

Install tailwindcss and its peer dependencies, then generate your tailwind.config.js and postcss.config.js files. Terminal npm install -D tailwindcss@3 postcss autoprefixer npx …

All of the components in Tailwind Plus are provided in three formats: React, Vue, and vanilla HTML. The React and Vue examples are fully functional out-of-the-box, and are powered by …

Framework-specific guides that cover our recommended approach to installing Tailwind CSS in a number of popular environments. Next.js Full-featured React framework with great developer …

Catalyst is a modern application UI kit built with Tailwind CSS, Headless UI and React, designed and built by the Tailwind CSS team. It's a collection of beautiful, production-ready UI …

All of the components in Tailwind Plus are provided in three formats: React, Vue, and vanilla HTML. The React and Vue examples are fully functional out-of-the-box, and are powered by …