v0.3.0

Brutx

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>
  );
}