Tailwind App

Vite-powered app with Tailwind CSS v4. Includes dark mode, responsive utilities, and custom design tokens.

Features

• • Tailwind CSS v4
• • Vite build
• • Dark mode
• • Custom design tokens
• • Responsive utilities

Code Preview

import { useState } from 'react';

export default function App() {
  const [dark, setDark] = useState(true);
  return (
    <div className={dark ? 'dark' : ''}>
      <main className="min-h-screen bg-white
        dark:bg-zinc-950 p-8">
        <h1 className="text-4xl font-bold">
          Hello Tailwind
        </h1>
      </main>
    </div>
  );
}