React 19 + Vite + Tailwind CSS v4 + ShadCN UI Starter Template

A modern React starter template with TypeScript, Tailwind CSS v4, ShadCN UI, Zustand, React Router v7, and Motion animations.

Quick Start

yarn install
yarn dev

Features

• ⚡ Vite - Lightning fast development
• ⚛️ React 19 - Latest React features
• 🎨 Tailwind CSS v4 - Modern utility-first CSS
• 🧩 ShadCN UI - Beautiful, accessible components
• 🔄 Zustand - Lightweight state management
• 🔗 React Router v7 - Modern routing
• 🎭 Motion - Smooth animations
• 🌐 React i18next - Internationalization
• 🎯 TypeScript - Type safety

Adding Animated Icons

Install icons from animateicons.vercel.app:

node install-icon.js <icon-name>

Project Structure

src/
  ├── components/
  │   ├── ui/           # ShadCN UI components
  │   └── icons/        # Animated icon components
  ├── pages/            # Route pages
  ├── lib/              # Utility functions
  ├── store.js          # Zustand store
  ├── i18n.js          # i18n configuration
  └── App.tsx          # Main app component

Tech Stack

• React 19
• Vite 6.1.0
• Tailwind CSS v4
• ShadCN UI
• React Router v7
• Zustand
• React i18next
• Motion

---