Blocks & Templates
BrutxUI provides pre-built block components, combining multiple basic components into complete UI sections. These are ready-to-use building blocks for common page patterns.
Available Blocks
| Block | Description |
|---|---|
| Brutalist Hero | Landing page Hero section with CTA buttons and code previews. |
| Pricing Section | Unified pricing table supporting one-time payments and subscription toggles. |
| Auth Card | Login/register card featuring social buttons and email inputs. |
| Dashboard Shell | Complete dashboard layout with navigation sidebar and header. |
| Header Section | Top navigation header with links and mobile drawer menu. |
| Footer Section | Bottom footer with link columns and copyright information. |
| Feedback Form | Feedback form with validated inputs (name, email, subject, message). |
| Cookie Consent | Floating bottom cookie consent banner. |
Customization
Blocks are copy-and-paste components. Once added, you have full ownership and control over their source code. You can freely modify props, styling, and behavior to fit your design specifications.
All blocks share the same --brutal-* CSS variable tokens, meaning they will automatically adjust to the active theme preset configured in your project.