Vite + Tailwind CSS v4 Setup Guide

Step-by-step guide for installing and configuring Tailwind CSS v4 with Vite for new or existing projects

Setup

Kevin Kern

setup-tailwind-v4-uni.mdc

.cursor/rules

Add prompts as project rules inside the .cursor/rules/ directory (e.g., .cursor/rules/cursorrules.mdc). Cursor will automatically detect and apply them. For detailed guidance, refer to the official Cursor rule guide.

.github

Create a .github/copilot-instructions.md file in your repository's root directory and add natural language instructions in Markdown format. These instructions will guide Copilot's behavior across your project. More information is available in the GitHub Copilot documentation.

.windsurfrules

Add a .windsurfrules file into the project root. Windsurf Getting Started Guide.

Get Proven AI Skills
for Profitable Projects

Instructa Pro helps you to become confident with AI and use it in real-world projects.

Get All-Access today