Installation

Follow these steps to set up your project and start using the ButtonCraft component library.

• Easy integration with Next.js (App Router supported)
• TypeScript & Tailwind CSS ready
• Beautiful, accessible, and customizable components

1. Create a Next.js Project

Answer the prompts as needed. We recommend enabling TypeScript, Tailwind CSS, and App Router.

2. Install Dependencies

3. Start the Development Server

4. Add Components

Create a components folder in your project root. Copy any component files (e.g., DoubleShift.tsx, DeleteButton.tsx, ArrowPolygon.tsx) from this library into your components folder.

5. Use Components in Your App