按钮
Retro-futuristic button with neon glow, gradient and dark background aesthetic
- 基础骨架
font-bold uppercase tracking-widest rounded-lg transition-all duration-300 ease-in-out- 变体
- 主要、次要、轮廓
- 状态
- hover、active、disabled
合成波组件配方
font-bold uppercase tracking-widest rounded-lg transition-all duration-300 ease-in-out bg-gradient-to-r from-[#ff00ff] to-[#a020f0] text-white shadow-[0_0_16px_rgba(255,0,255,0.5)] md:shadow-[0_0_24px_rgba(255,0,255,0.5)] hover:shadow-[0_0_32px_rgba(0,255,255,0.7)] hover:scale-105 active:scale-95卡片
Dark retro-futuristic card with neon border glow and synthwave palette
- 基础骨架
bg-[#0a0a1a]/80 rounded-lg border border-[#ff00ff]/50 shadow-[0_0_16px_rgba(255,0,255,0.5)] md:shadow-[0_0_24px_rgba(255,0,255,0.5)] transition-all duration-300 ease-in-out- 变体
- 默认、青色、日落
- 状态
- hover
输入框
Neon-glow input on dark surface with synthwave color scheme
- 基础骨架
w-full rounded-lg border border-[#a020f0]/50 bg-[#0a0a1a]/60 text-[#00ffff] placeholder:text-[#a020f0]/50 focus:outline-none transition-all duration-300 ease-in-out- 变体
- 默认、霓虹
- 状态
- focus、disabled