Documentation

Installation

Install the CLI globally to access the `sekerbura` command from anywhere:

npm install -g sekerbura

Or use it directly without installation:

npx sekerbura add button

Quick Start

1. Initialize sekerbura (Optional)

npx sekerbura init
  • Creates `src/lib/utils.ts` with the `cn()` utility
  • Installs core dependencies (clsx, tailwind-merge, class-variance-authority)

2. Add Components

npx sekerbura add button
  • Creates the component in `src/components/sekerbura/<component>.tsx`
  • Auto-detects project type (Next.js/Vite) and installs missing deps

Project Structure

  • your-project/
  • ├── src/
  • │ ├── components/
  • │ │ └── sekerbura/
  • │ │ ├── button.tsx
  • │ │ └── card.tsx
  • │ ├── lib/
  • │ │ └── utils.ts # cn() utility created automatically
  • │ └── ...
  • ├── package.json
  • └── ...

How It Works

Environment Detection
Detects your project type and structure automatically.
Utils Creation
Creates lib/utils.ts with cn() utility if it's missing.
Dependency Check
Identifies and installs missing dependencies for each component.
Component Generation
Creates high-quality React components in your project folder.

Available Components (44)

button
input
textarea
checkbox
switch
radio-group
toggle
slider
label
select
combobox
tabs
accordion
breadcrumb
pagination
dropdown-menu
menubar
context-menu
sheet
drawer
collapsible
command
card
badge
progress
avatar
skeleton
alert
table
scroll-area
aspect-ratio
separator
timeline
calendar
dialog
alert-dialog
popover
hover-card
tooltip
toast
carousel
chart
form
navigation-menu