按钮
Cute rounded button with soft pink accents
- 基础骨架
font-sans font-medium rounded-full transition-all duration-200- 变体
- 主要、次要
- 状态
- hover、active、disabled
可爱极简组件配方
font-sans font-medium rounded-full transition-all duration-200 bg-pink-300 text-white shadow-sm hover:shadow-md hover:brightness-105 active:scale-[0.97]卡片
Soft warm card with gentle rounded corners
- 基础骨架
bg-white border border-pink-100 rounded-2xl shadow-sm overflow-hidden- 变体
- 默认
- 状态
- hover
输入框
Soft rounded input with pink focus ring
- 基础骨架
w-full bg-[#FFF7ED] border border-pink-200 text-gray-800 placeholder:text-gray-400 focus:outline-none rounded-full transition-all duration-200- 变体
- 默认
- 状态
- focus、disabled