v0.1.7

Brutalist

UI

Bold, blocky, and beautiful React components. Built with Radix UI, styled with Tailwind CSS, and designed for maximum impact.

Features

🎨 Neo-Brutalism Design

Bold 3px borders, 4px offset shadows, heavy fonts. No rounded corners. Just pure, blocky goodness.

♿ Accessible

Built on Radix UI primitives for keyboard navigation, screen reader support, and ARIA compliance.

🎯 TypeScript First

Full TypeScript support with type-safe variants using class-variance-authority.

🎛️ Customizable

Copy components to your codebase. Easy to extend and modify to match your brand.

📦 CLI Tool

Add components with a single command. Full control over your code.

🚀 Modern Stack

React 18+, Next.js 14 compatible. Server Components ready with "use client" directives.

Quick Start

1. Initialize your project:

npx brutx@latest init

2. Add components:

npx brutx@latest add button card

3. Use the components:

import { Button } from '@/components/ui/button';
import { Card } from '@/components/ui/card';

function App() {
  return (
    <Card>
      <Button variant="primary">
        Click me!
      </Button>
    </Card>
  );
}