Tailwind CSS Installation
Set up spy-ui in a project that uses Tailwind CSS.
1. Install dependencies
Install Tailwind CSS and its peer dependencies, then generate your tailwind.config.js and postcss.config.js files.
Terminal
2. Configure your template paths
Add the paths to all of your template files in your tailwind.config.js file.
tailwind.config.js
3. Add the Tailwind directives
Add the @tailwind directives for each of Tailwind's layers to your main CSS file.
globals.css
4. Additional Dependencies
spy-ui relies on framer-motion and lucide-react. Install them to ensure all animations and icons work correctly.
Terminal