本页出处
设计风格资料库
内容来自 luckymaomi 的 UI 风格库(复刻版),以 MIT 许可 提供。本站镜像收录,仅作学习参考;这一页的原始地址是 原站页面。
← 回到导览访问原站仓库
返回配方目录
Generative Art

生成艺术组件配方

font-mono tracking-wide rounded-md transition-all duration-200 bg-violet-600 text-white hover:bg-violet-500 active:scale-[0.98]
button

按钮

Algorithmic button with violet accent

基础骨架
font-mono tracking-wide rounded-md transition-all duration-200
变体
主要、幽灵
状态
hover、active、disabled
card

卡片

Dark canvas card for algorithmic output

基础骨架
bg-neutral-900 border border-neutral-800 rounded-lg overflow-hidden
变体
默认
状态
hover
input

输入框

Dark monospace input for parameters

基础骨架
w-full bg-[#0a0a0a] border border-neutral-800 text-white placeholder:text-neutral-500 focus:outline-none font-mono rounded-md transition-all duration-200
变体
默认
状态
focus、disabled