按钮
Colorful brutalist button with thick borders, bright colors and fun hover effects
- 基础骨架
font-black border-4 border-black rounded-none transition-all duration-200- 变体
- 主要、次要、轮廓
- 状态
- hover、active、disabled
俏皮野兽派组件配方
font-black border-4 border-black rounded-none transition-all duration-200 bg-[#ff6b6b] text-white shadow-[6px_6px_0px_0px_rgba(0,0,0,1)] rotate-[-1deg] hover:shadow-none hover:translate-x-[3px] hover:translate-y-[3px] hover:scale-105 active:translate-x-[6px] active:translate-y-[6px]卡片
Playful card with colorful shadows, slight rotation and vibrant hover effects
- 基础骨架
bg-white border-4 border-black rounded-none transition-all duration-300- 变体
- 默认、珊瑚、阳光
- 状态
- hover
输入框
Playful input with colorful background, thick borders and vibrant focus state
- 基础骨架
w-full border-4 border-black rounded-none bg-[#ffe66d] font-mono text-black placeholder:text-gray-600 focus:outline-none transition-all duration-200- 变体
- 默认、薄荷
- 状态
- focus、disabled