Gelephu-Mindfulness-City Tailwind Templates

Gelephu Mindfulness City

A modern React project using Vite, TypeScript, Tailwind CSS, and shadcn-ui, offering fast development with prebuilt UI components, form validation, and a rich ecosystem of Radix UI.

๐Ÿ“„ Project Description

A blazing-fast React + Vite + TypeScript project styled with Tailwind CSS and shadcn/ui. Comes with prebuilt components, form validation, theming, and Radix-based accessibility support.


Vite React TypeScript UI Project

A blazing-fast React project template using Vite, TypeScript, Tailwind CSS, and shadcn/ui for scalable, styled applications with prebuilt UI components and Radix accessibility.

๐Ÿš€ Features

  • โšก Lightning-fast dev with Vite
  • ๐ŸŽจ Tailwind CSS & Typography plugins
  • ๐Ÿงฉ Prebuilt UI components via shadcn/ui & Radix primitives
  • ๐Ÿ” Zod & react-hook-form for schema-based forms
  • ๐ŸŒ“ Theme toggling with next-themes
  • ๐Ÿ“Š Built-in support for charts, carousels, and dialogs
  • ๐Ÿงผ ESLint support for code quality
  • ๐ŸŒ Easily deploy via Lovable or any static host

๐Ÿ› ๏ธ Getting Started

ScreenShots!!!!!!!!

Screenshot 2025-05-11 110043 Screenshot 2025-05-11 110022 Screenshot 2025-05-11 110030 Screenshot 2025-05-11 110037 Screenshot 2025-05-11 105945

1. Clone the repository

git clone https://github.com/skills-beep/Gelephu-Mindfulness-City.git
cd https://github.com/skills-beep/Gelephu-Mindfulness-City.git
2. Install dependencies
bash
Copy
Edit
npm install
3. Run the development server
bash
Copy
Edit
npm run dev
๐Ÿ“‚ Project Structure
csharp
Copy
Edit
โ”œโ”€โ”€ src/
โ”‚   โ”œโ”€โ”€ components/       # UI and custom components
โ”‚   โ”œโ”€โ”€ lib/              # Utilities
โ”‚   โ”œโ”€โ”€ hooks/            # Custom hooks
โ”‚   โ””โ”€โ”€ index.css         # Tailwind base styles
โ”œโ”€โ”€ public/               # Static assets
โ”œโ”€โ”€ .gitignore
โ”œโ”€โ”€ package.json
โ”œโ”€โ”€ postcss.config.js
โ”œโ”€โ”€ tailwind.config.ts
โ””โ”€โ”€ vite.config.ts
๐Ÿ“ฆ Scripts
npm run dev โ€“ Launch development server

npm run build โ€“ Build the app for production

npm run preview โ€“ Preview production build

npm run lint โ€“ Lint the codebase

๐Ÿ“š Technologies Used
React

Vite

TypeScript

Tailwind CSS

shadcn/ui

Radix UI

Zod

React Hook Form

Recharts

Embla Carousel

๐ŸŒ Deployment
Deploy this project instantly using Lovable:

Open Lovable Project Page

Click Share > Publish

Optionally, connect a custom domain

๐Ÿค Contribution
Feel free to fork the project, create a branch, and submit pull requests. Make sure to lint and test your code before submitting!







๐Ÿ“ License
This project is licensed under the MIT License

Top categories

Loading Svelte Themes