A production-ready, visually stunning UI template pack built with React, Vite, and Tailwind CSS.
- Portfolio Website: Home, About, Projects, Contact pages.
- Business Landing Page: High-conversion layout with trust signals and features.
- SaaS Product Page: Pricing tables, feature comparisons, and FAQ.
- Admin Dashboard: Responsive sidebar, stats cards, and charts.
- Component Library: Reusable buttons, cards, inputs, and more.
- Dark Mode Ready: Built with Tailwind's dark mode support.
- Responsive: Mobile-first design for all screens.
- React: UI Library
- Vite: Build Tool
- Tailwind CSS: Styling
- React Router: Navigation
- Lucide React: Icons
- Framer Motion: Animations (optional integration ready)
-
Clone the repository (or unzip the file):
git clone https://github.com/yourusername/premium-template-pack.git cd premium-template-pack -
Install dependencies:
npm install
-
Start the development server:
npm run dev
src/
├── components/ # Reusable UI components (Navbar, Button, Card, etc.)
├── data/ # Dummy data for projects and content
├── pages/ # Page components
│ ├── Portfolio/ # Portfolio specific pages
│ ├── BusinessLanding.jsx
│ ├── SaaSPage.jsx
│ └── Dashboard.jsx
├── utils/ # Helper functions
└── App.jsx # Main routing configuration
- Colors: Edit
tailwind.config.jsto change theprimaryandsecondarycolors. - Fonts: The project uses
Interby default. Updateindex.cssto change fonts. - Content: Update
src/data/sampleData.jsto change project data.
MIT License. Free to use for personal and commercial projects.