UI style reference for coding agents
Find Your UI Style.
找到喜欢的 UI，把它直接告诉 AI。浏览真实 UI 风格，复制可直接用于 Coding Agent 的设计 Prompt。
Style library
Pick a visual language.
Focus on what matters.
A calm place for your best work.
01 · Minimal
Apple Minimal
苹果极简Make it feel alive.
Tools for bright ideas.
02 · Glass
Glassmorphism
玻璃拟态MAKE GOOD NOISE.
Ideas deserve impact.
03 · Creative
Neo-Brutalism
新粗野主义Your work, arranged.
Everything has a place.
04 · Modern
Bento Grid
便当盒网格Work without noise.
Your projects are moving.
05 · Dark
Modern Dark
现代暗色Ideas worth reading.
A field guide for makers.
06 · Editorial
Editorial
编辑排版SYSTEMS ONLINE.
Signal. Context. Velocity.
07 · Futuristic
Cyberpunk
赛博朋克MAKE IT SHINE.
A brighter digital day.
08 · Retro
Y2K
千禧复古INFORMATION, PLACED.
A rational creative system.
09 · Minimal
Swiss Style
瑞士国际主义BUILD WITH MOMENTUM.
Focused work for product teams.
10 · Modern
Linear Style
现代开发者工具风格A softer pace.
Make room for calm work.
11 · Minimal
Soft Minimal
柔和极简MAKE IT CLEAR.
Only what matters.
12 · Minimal
Monochrome
单色极简Move work forward.
A clear home for your team.
13 · Modern
Modern SaaS
现代 SaaSSee the signal.
Your numbers, in context.
14 · Modern
Clean Dashboard
干净仪表盘Give work dimension.
Space for better ideas.
15 · Modern
Spatial UI
空间界面CREATE AFTER DARK.
A refined control surface.
16 · Glass
Dark Glass
暗色玻璃Follow the light.
Make something luminous.
17 · Glass
Aurora Glass
极光玻璃ONLY THE ESSENTIALS.
Pure focus, no noise.
18 · Dark
OLED Black
纯黑界面KNOW WHAT MOVES.
Data for clear decisions.
19 · Dark
Dark Dashboard
暗色仪表盘THE SHAPE OF NOW.
Stories for visual thinkers.
20 · Editorial
Magazine
杂志排版MAKE WORDS MATTER.
A publication about attention.
21 · Editorial
Typography First
字体主导OPEN A NEW WINDOW.
Old-school utility, reimagined.
22 · Retro
Retro Computing
复古电脑BUILD YOUR WORLD.
Tools for game-minded makers.
23 · Retro
Pixel UI
像素界面TOMORROW, REMEMBERED.
Soft signal from the future.
24 · Retro
Vaporwave
蒸汽波TRACK THE SIGNAL.
Precision for active systems.
25 · Futuristic
Sci-Fi HUD
科幻 HUDSEE MORE DIMENSION.
Lightweight tools for big ideas.
26 · Futuristic
Holographic
全息界面QUIETLY ADVANCED.
Technology with intention.
27 · Futuristic
Neo Futurism
新未来主义SHOW THE FRAME.
A direct interface for direct work.
28 · Creative
Brutalism
粗野主义IDEAS IN MOTION.
A friendly space for making.
29 · Creative
Playful Geometry
趣味几何MAKE IT YOUR WAY.
A human space for small ideas.
30 · Creative