Block

Brutalist Hero

A beautiful, responsive, and responsive hero landing page block structured with flat cards, active double offsets, and neon headings.

Interactive Preview

V0.2.1 Release

Build Bold Interfaces Faster with BrutxUI

A hyper-responsive, neo-brutalist component registry built with Radix UI and Tailwind CSS. Designed for devs who dare to be different.

brutx-terminal

~/projects/my-bold-saas

$npx brutx init

Custom Tailwind design tokens configured

Global CSS token layer synchronized

$npx brutx add hero pricing auth-card

Successfully added 3 blocks into /components/ui!

Registry Installation

pnpm dlx brutx@latest add brutalist-hero

Usage Examples

import { BrutalistHero } from "@/components/ui/brutalist-hero"

export default function Page() {
  return (
    <BrutalistHero
      title="Create the Future of Decentralized SaaS"
      subtitle="The ultimate high-performance workspace for modern indie hackers."
      primaryCtaText="Get Started"
      secondaryCtaText="View Demo"
      onPrimaryCtaClick={() => console.log('Primary click')}
    />
  )
}