UI Forge Labs — Premium React + Tailwind Templates

Quick Start

Download the template

After purchase, download the .zip file from your dashboard.

Extract and install

Run npm install then npm run dev

Start customizing

Edit components, change colors, and update content.

Installation

# 1. Extract the downloaded zip
# 2. Navigate to the project folder
cd my-template

# 3. Install dependencies
npm install

# 4. Start development server
npm run dev

Folder Structure

app/
├── (main)/             # Public pages (with navbar/footer)
├── admin/              # Admin dashboard pages
├── api/                # Backend API routes
components/             # Reusable components
lib/                    # API + DB helpers
public/                 # Images and static files
data/
package.json
tailwind.config.js
README.md

Customization Guide

Changing Colors

Edit the Tailwind config or replace the color classes (indigo, purple, zinc) throughout the components.

Adding New Sections

Copy existing components and modify them. All components are built with React and fully modular.

Replacing Images

Replace images in the /public folder. All images are optimized.

Deployment

Vercel (Recommended)

Connect your GitHub repo and deploy with zero configuration.

Netlify

Drag & drop the build folder or connect Git repository.

Important Notes

License Reminder

Make sure you are using the template according to your purchased license (Personal / Commercial / Extended).

Need Help?

Check our FAQ or contact support at hello@uiforgelabs.com

Documentation