Getting Started

Quick Start

To get started with Aesthe UI, you'll need:

1. A Next.js 15+ project
2. Tailwind CSS 4 configured
3. Motion (Framer Motion) installed

Installation

Install the required dependencies:

npm install motion tailwindcss clsx tailwind-merge

Using Components

Each component is standalone and can be copied directly into your project. Simply:

1. Browse the components you need
2. Copy the code from the documentation
3. Paste it into your project
4. Customize as needed

Available Components

We offer a growing collection of components:

• AI Input - 2 variants for chat interfaces
• Alerts - 2 notification styles
• Buttons - 7 animated button variants

View all components →

Customization

All components are built with Tailwind CSS and can be easily customized by modifying the className properties.