Thick borders. Hard shadows. Zero compromise. A copy-paste-first component library built for Vue 3 + Tailwind CSS, where every pixel follows the Neo-Brutalism design philosophy.
3px thick borders, 4px hard shadows, zero border-radius, vivid colors. Every component is built on CSS custom property tokens, supporting Classic / Pastel / Mono / Warm theme presets.
Built on reka-ui headless primitives. Proper ARIA attributes, keyboard navigation, focus management, and screen reader compatibility, meeting WCAG standards.
Full strict type safety throughout. Zero any types with defineProps, CVA variants, and auto-complete for every prop.
Zero dependency lock-in. Copy component source code directly into your project, fully own the code, and customize every detail.
Add components with one command. npx brutx-vue init to set up, npx brutx-vue add button card to install on demand. AI-friendly project structure.
Vue 3.5+ script setup, Tailwind CSS 4.3+, Vite 8+, Vitest 4+, pnpm. Built for the modern Vue ecosystem.
Neo-Brutalism visual impact, at a glance
BrutxUI 彻底打破常规的扁平化与柔和渐变设计，以极具视觉冲击力的 3px 厚重黑边框、4px 硬阴影以及高饱和度的主题配色，为 Vue 生态打造极具个性的现代化数字界面。
Copy-paste first, zero dependency lock-in
# Initialize project
npx brutx-vue init
# Add components
npx brutx-vue add button card badge