Documentation

Build faster with Basebox.

A collection of professional, accessible, and high-performance components crafted with Tailwind CSS and Framer Motion.

1

Install dependencies

Run this in your terminal to ensure icons and utility classes work correctly.

npm install lucide-react clsx tailwind-merge
2

Add your utility helper

Create lib/utils.ts for conditional classes.

import { type ClassValue, clsx } from "clsx"
import { twMerge } from "tailwind-merge"

export function cn(...inputs: ClassValue[]) {
  return twMerge(clsx(inputs))
}
3

Start building

Pick a component from the sidebar and copy the source code into your project.

Browse all components