按钮
Over-the-top bold button with gradients, big shadows, and explosive color combinations
- 基础骨架
font-extrabold uppercase tracking-widest rounded-xl border-3 transition-all duration-300 ease-in-out- 变体
- 主要、次要、霓虹
- 状态
- hover、active、disabled
极繁主义组件配方
font-extrabold uppercase tracking-widest rounded-xl border-3 transition-all duration-300 ease-in-out bg-gradient-to-r from-[#d4145a] to-[#8338ec] text-white border-[#ffbe0b] shadow-xl shadow-[#d4145a]/40 hover:shadow-2xl hover:scale-110 hover:brightness-125 hover:-rotate-1 active:scale-95 active:rotate-0卡片
Maximalist card with bold gradients, heavy borders, and dramatic shadow effects
- 基础骨架
bg-[#1a0a2e] rounded-2xl border-4 border-[#ffbe0b] shadow-2xl shadow-[#d4145a]/30 transition-all duration-300 ease-in-out- 变体
- 默认、渐变、金色
- 状态
- hover
输入框
Bold maximalist input with thick borders, neon focus glow, and dramatic styling
- 基础骨架
w-full rounded-xl border-3 border-[#ffbe0b]/40 bg-[#1a0a2e] text-[#ffbe0b] placeholder:text-[#8338ec]/50 font-bold tracking-wider focus:outline-none transition-all duration-300 ease-in-out- 变体
- 默认、霓虹
- 状态
- focus、disabled