粗野主义设计系统
3px 粗边框、4px 硬阴影、零圆角、鲜艳色彩。每个组件都基于 CSS 自定义属性令牌构建，支持 Classic / Pastel / Mono / Warm 四套主题预设。
BrutxUINeo-Brutalism Vue 3 组件库
粗边框。硬阴影。零妥协。为 Vue 3 + Tailwind CSS 打造的复制粘贴优先组件库，每一个像素都遵循新粗野主义设计哲学。
Skip to content
无障碍优先
基于 reka-ui 无头原语构建。正确的 ARIA 属性、键盘导航、焦点管理和屏幕阅读器兼容性，符合 WCAG 标准。
TypeScript 严格模式
全程严格类型安全。通过 defineProps、CVA 变体和每个 prop 的自动补全，零 any 类型。
复制粘贴优先
零依赖锁定。直接将组件源码复制到你的项目中，完全拥有代码，随心定制每一个细节。
CLI 工具
一条命令添加组件。npx brutx-vue init 初始化项目，npx brutx-vue add button card 按需安装，AI 友好的项目结构。
现代技术栈
Vue 3.5+ script setup、Tailwind CSS 4.3+、Vite 8+、Vitest 4+、pnpm。为现代 Vue 生态而生。
组件预览
粗野主义视觉冲击力，一眼可见
Button 按钮
Badge 徽标
NewOnlineLiveFeature
Card 卡片
BrutxUI Design
Vue 3.5+Tailwind 4
用像素践行粗野设计哲学
BrutxUI 彻底打破常规的扁平化与柔和渐变设计，以极具视觉冲击力的 3px 厚重黑边框、4px 硬阴影以及高饱和度的主题配色，为 Vue 生态打造极具个性的现代化数字界面。
GX
Brutx Team快速开始
复制粘贴优先，零依赖锁定
bash
# 初始化项目
npx brutx-vue init
# 添加组件
npx brutx-vue add button card badge78+
组件
8+
区块
100%
源码掌控
4
套主题