Skip to content

FuAdd21/premium-template-pack

Repository files navigation

Premium React + Tailwind Template Pack

A production-ready, visually stunning UI template pack built with React, Vite, and Tailwind CSS.

🚀 Features

  • 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.

🛠️ Tech Stack

  • React: UI Library
  • Vite: Build Tool
  • Tailwind CSS: Styling
  • React Router: Navigation
  • Lucide React: Icons
  • Framer Motion: Animations (optional integration ready)

📦 Installation

  1. Clone the repository (or unzip the file):

    git clone https://github.com/yourusername/premium-template-pack.git
    cd premium-template-pack
  2. Install dependencies:

    npm install
  3. Start the development server:

    npm run dev

📂 Project Structure

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

🎨 Customization

  • Colors: Edit tailwind.config.js to change the primary and secondary colors.
  • Fonts: The project uses Inter by default. Update index.css to change fonts.
  • Content: Update src/data/sampleData.js to change project data.

📄 License

MIT License. Free to use for personal and commercial projects.

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages