10% off on all-access. Use code SUPER10.
    d :
    h :
    m :
    Logo

    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
    Logo
    Aceternity UI

    Access an ever-growing collection of premium, meticulously crafted templates and Component Blocks.

    A product by Aceternity
    Building in public at @mannupaaji

    © 2026 Aceternity Labs LLC. All Rights Reserved.