AI-Powered Travel Planner (React + TS + Vite)
A modern React + TypeScript template for building travel apps with fast UX and a scalable UI system (Tailwind CSS 4, Radix UI, CVA, Valtio, React Router 7).
Features
Build stunning travel apps with a fast, scalable, and modular codebase.
Let users generate personalized itineraries and smart suggestions with AI.
Pixel-perfect layouts that adapt beautifully to any device or screen size.
Elegant theme switching for a seamless day & night travel experience.
Built with Tailwind CSS 4, Radix UI, CVA, and Valtio — highly composable and developer-friendly.
Perfect base for building AI travel assistants, booking tools, or management dashboards.
Component-based structure with consistent variables and utility-first styling.
Well-structured code, atomic components, and clear documentation.
Tech Stack
| Package | Version |
|---|---|
| React | ^19.0.0 |
| React DOM | ^19.0.0 |
| Vite | ^6.2.0 |
| TypeScript | ~5.7.2 |
| Tailwind CSS | ^4.1.1 |
| class-variance-authority | ^0.7.1 |
| tailwind-merge | ^3.1.0 |
| Radix UI | ^1.4.2 |
| @radix-ui/react-* (primitives) | ^1.x-^2.x |
| React Router | ^7.4.1 |
| React Hook Form | ^7.55.0 |
| Zod | ^3.24.2 |
| Valtio | ^2.1.4 |
| Day.js | ^1.11.13 |
| embla-carousel-react | ^8.6.0 |
| react-photo-view | ^1.2.7 |
| react-markdown | ^10.1.0 |
| remark-gfm | ^4.0.1 |
| Shiki | ^3.2.2 |
| tw-animate-css | ^1.2.5 |
| lucide-react | ^0.503.0 |
| marked | ^15.0.8 |
| motion | ^12.12.1 |
| @hookform/resolvers | ^5.0.1 |
| clsx | ^2.1.1 |
💡 New here? Start with Getting Started → Installation.