Getting Started

Quick Setup

1. Set up Next.js with Tailwind CSS

If you don't have a Next.js project with Tailwind CSS yet, follow the official Tailwind installation guide.

2. Purchase & Download

Buy the component you need and download the .zip file.

3. Add to Your Project

Extract and copy the component folder to your project.

# Copy component to your project
cp -r component-name ./components/

4. Install Dependencies (if needed)

Some components use Motion for animations:

npm install motion

5. Use the Component

1import { ComponentName } from '@/components/component-name';
2
3export default function Page() {
4    return <ComponentName />;
5}

That's it! Each component includes its own documentation with specific usage examples.