Digital / Web UI
8 Ready / 24
网页材质元素周期表
Ready 材质提供代码和 Prompt。In Progress 材质可点开，但不会放假代码或凑数片段。
ReadyLg液态玻璃Digital / Web UIIn ProgressGm玻璃拟态Digital / Web UIReadyFf磨砂透色Digital / Web UIIn ProgressNm新拟物Digital / Web UIIn ProgressCy黏土质感Digital / Web UIReadyAu极光渐变Digital / Web UIReadyNg噪点渐变Digital / Web UIReadyHg全息镭射Digital / Web UIReadyCr铬金属界面Digital / Web UIReadyDn暗色霓虹Digital / Web UIIn ProgressSp柔软塑料Digital / Web UIReadyTg终端绿Digital / Web UIIn ProgressGr故障红Digital / Web UIIn ProgressBp纸感 BentoDigital / Web UIIn ProgressMg网格渐变Digital / Web UIIn ProgressVg雾汽玻璃Digital / Web UIIn ProgressAc酸性铬Digital / Web UIIn ProgressDb双色模糊Digital / Web UIIn ProgressNe霓虹玻璃Digital / Web UIIn ProgressCf赛博霜面Digital / Web UIIn ProgressGh渐变网格Digital / Web UIIn ProgressSs阴影层叠Digital / Web UIPlannedSk拟物面板Digital / Web UIPlannedTi半透明墨色Digital / Web UIIn ProgressPg纸张噪点Surface / TextureIn ProgressVl羊皮纸透感Surface / TextureIn ProgressCw帆布织纹Surface / TextureIn ProgressLn亚麻纹理Surface / TextureIn ProgressPc纸雕层叠Surface / TextureIn ProgressIb墨迹晕染Surface / TextureIn ProgressRi孔版印刷Surface / TextureIn ProgressHt网点印刷Surface / TextureIn ProgressRm哑光橡胶Surface / TextureIn ProgressEn珐琅Surface / TexturePlannedCk软木Surface / TexturePlannedFt毛毡Surface / TexturePlannedCd粉笔灰Surface / TexturePlannedTr水磨石Surface / TexturePlannedVv天鹅绒Surface / TexturePlannedWp湿漆Surface / TextureReadyGo黄金Physical / IndustrialIn ProgressSi白银Physical / IndustrialIn ProgressCu铜Physical / IndustrialIn ProgressTn钛Physical / IndustrialIn ProgressBm拉丝金属Physical / IndustrialReadyCx碳纤维Physical / IndustrialIn ProgressMb大理石Physical / IndustrialIn ProgressGt花岗岩Physical / IndustrialIn ProgressPl珍珠Physical / IndustrialIn ProgressCe陶瓷Physical / IndustrialIn ProgressAy亚克力Physical / IndustrialIn ProgressFp磨砂塑料Physical / IndustrialPlannedRb橡胶Physical / IndustrialPlannedLh皮革Physical / IndustrialPlannedDe丹宁Physical / IndustrialPlannedCo混凝土Physical / IndustrialReadyRpRPG 金属按钮Game UIIn ProgressPo药水玻璃Game UIReadyCg水晶宝石Game UIIn ProgressLc熔岩核心Game UIIn ProgressIc冰晶按钮Game UIIn ProgressTs毒液黏液Game UIIn ProgressSt石板按钮Game UIIn ProgressWs木牌按钮Game UIIn ProgressPa像素街机Game UIIn ProgressMr魔法符文Game UIIn ProgressMm机甲金属Game UIPlannedMo魔力球Game UIPlannedDs龙鳞Game UIPlannedQp任务羊皮纸Game UIPlannedCl赛博掉落Game UIPlannedIs背包格Game UIPlannedHb血条凝胶Game UIPlannedSc法术书封面Game UIIn ProgressLb镜头虚化Optical / LightIn ProgressRf折射场Optical / LightIn ProgressBh辉光光晕Optical / LightIn ProgressCt焦散光纹Optical / LightIn ProgressIf虹彩薄膜Optical / LightIn ProgressPs棱镜分色Optical / LightIn ProgressSe高光边缘Optical / LightIn ProgressFo聚光衰减Optical / LightPlannedGs玻璃阴影Optical / LightPlannedVm体积雾Optical / LightPlannedLa激光辉光Optical / LightPlannedDf景深雾化Optical / LightPlannedMi摩尔纹Optical / LightPlannedDi衍射Optical / LightPlannedLl漏光Optical / LightPlannedCa色差Optical / LightIn ProgressHdHUD 玻璃Cyber / InterfaceIn ProgressSy科幻控制面板Cyber / InterfaceIn ProgressDg数据网格Cyber / InterfaceIn ProgressCsCRT 扫描线Cyber / InterfaceIn ProgressMx矩阵雨Cyber / InterfaceIn ProgressWa警示条纹Cyber / InterfaceIn ProgressBg蓝图网格Cyber / InterfaceIn ProgressCc命令控制台Cyber / InterfacePlannedRs雷达扫描Cyber / InterfacePlannedCi电路板Cyber / InterfacePlannedLz激光边缘Cyber / InterfacePlannedBi生物识别玻璃Cyber / InterfacePlannedWm线框网格Cyber / InterfacePlannedTp遥测面板Cyber / InterfacePlannedSb扫描光束Cyber / InterfacePlannedSm隐形哑光Cyber / Interface
当前筛选没有匹配材质。
首发精选配方
首发重点集中在 Digital / Web UI，同时保留少量 Game UI 与物理材质，让系统边界一眼可见。
Lg
Digital / Web UI
液态玻璃
一种半透明、带折射感的玻璃表面，用柔和模糊、边缘高光和轻微深度制造高级感。
Ff
Digital / Web UI
磨砂透色
一种安静、扩散的半透明薄膜：能透出底色，但不会变成过度清晰的玻璃。
Au
Digital / Web UI
极光渐变
一种受极光启发的柔和氛围渐变，用来在不依赖复杂插画的情况下建立空间感。
Ng
Digital / Web UI
噪点渐变
一种带细噪点的渐变，用来消除 AI 页面常见的塑料般光滑感。
Hg
Digital / Web UI
全息镭射
一种类似镭射箔片的虹彩材质，带有色带偏移、珍珠高光和薄膜感。
Cr
Digital / Web UI
铬金属界面
一种高反射、硬边缘的金属界面材质，用亮带、暗部切面和工业抛光感建立记忆点。
Dn
Digital / Web UI
暗色霓虹
一种暗色界面材质，用克制霓虹边缘、强对比和技术感夜间氛围建立识别度。
Tg
Digital / Web UI
终端绿
一种受终端绿磷光启发的界面材质，适合开发者工具、AI Agent 和系统监控界面。
Go
Physical / Industrial
黄金
一种暖金属材质，带高对比金属带、高级光泽和明确价值感。
Cx
Physical / Industrial
碳纤维
一种深色技术织纹材质，让界面带有性能、硬件或工程气质。
Game UI
RPG 金属按钮
一种幻想游戏按钮材质，用斜切边、暖金属、内凹深度和奖励感点击目标制造触感。
Cg
Game UI
水晶宝石
一种切面宝石材质，带有锐利棱面、内部辉光、高光切边和可收集游戏物件感。
材质家族
分类不是按组件，而是按人真正描述界面质感的方式：表面、光学、物理性、游戏语言和赛博界面。
Surface / Texture
0 Ready / 16
Optical / Light
0 Ready / 16
Physical / Industrial
2 Ready / 16
Game UI
2 Ready / 18
Cyber / Interface
0 Ready / 16
和 AI 编程工具一起使用
把材质 Prompt 复制到 Cursor、Codex、Lovable、Bolt 或 Claude Code，再把 CSS / React 示例作为落地参考。
01AI Prompt
02CSS
03React 示例