Logo

Installation Guide

1. Purchase & Access

  • Choose between Lifetime Package or Yearly Subscription
  • Additional component packs 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 packs, 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
Logo
Aceternity UI
pro

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

A product by Aceternity
Building in public at @mannupaaji

© 2025 Aceternity Labs LLC. All Rights Reserved.