10% off on EVERYTHING. Use code SEASON10.

Installation Guide

1. Purchase & Access

Choose between Lifetime Package or Yearly Subscription
Additional Component Blocks can be purchased separately

2. Project Setup

Create a Next.js Project

npx create-next-app@latest my-project

Install Tailwind CSS

npm install -D tailwindcss postcss autoprefixernpx tailwindcss init -p

3. Component Integration

For individual Component Blocks, you can integrate them into your React or Next.js application by:

Copy the component code from your purchased pack
Follow the specific documentation provided for each component pack

4. Template Installation

For complete templates, follow these steps:

Download the template from its respective page
Unzip the downloaded file
Open the project in your preferred code editor
Install dependencies using npm or yarn:

npm install

or

yarn install

Run the development server:

npm run dev

5. Common Issues & Solutions

Dependency Conflicts

If you encounter dependency conflicts, try installing with the --legacy-peer-deps flag:

npm install --legacy-peer-deps

Access an ever-growing collection of premium, meticulously crafted templates and Component Blocks. Built by the founders of Aceternity UI.

A product by Aceternity

Building in public at @mannupaaji

© 2025 Aceternity Labs LLC. All Rights Reserved.