Cyberpunk UI
Build with the Cyberpunk UI look.
Palette, type and components from this DESIGN.md, applied to a sample hero.
Palette
At a glance
- Source
- designmd.app ↗
- Theme
- light
- Typefaces
- System
- Style
- 2020s Cyberpunk, Neon, dark mode, terminal
- Length
- 788 words
Add it to your project
Then prompt your agent
This style is published by designmd.app by Fabricio Telles. coderef lists its name, palette and fonts so you can find it here; the full DESIGN.md lives on designmd.app.
More like Cyberpunk UI
All styles designs →- Spotify Dark ImmersiveButtonSpotify Dark Immersive DESIGN.mdView →
Spotify Dark Immersive
Futuristic & TechSpotify-inspired dark immersive landing page. Ideal for streaming de música, plataformas de áudio, podcasts, entretenimento digital. AI-ready template.
○ Lightdesignmd.app ↗
- Dark SaaS Hero with Liquid GlassButtonDark SaaS Hero with Liquid Glass DESIGN.mdView →
Dark SaaS Hero with Liquid Glass
Futuristic & TechDark SaaS landing page hero section. Ideal for b2b saas, ai tools, plataformas de desenvolvedores, landing pages tech, startups, apis e sdks. AI-ready template.
○ Light· Geist Sansdesignmd.app ↗
- Aurora Boreal NórdicaButtonAurora Boreal Nórdica DESIGN.mdView →
Aurora Boreal Nórdica
Futuristic & TechNordic aurora borealis landing page. Ideal for landing pages, saas. AI-ready template.
○ Light· Montserratdesignmd.app ↗
- Estilo Deep Learning High-TechButtonEstilo Deep Learning High-Tech DESIGN.mdView →
Estilo Deep Learning High-Tech
Futuristic & TechHigh-tech AI platform landing page. Ideal for landing pages, modern websites. AI-ready template.
○ Light· Roboto Monodesignmd.app ↗
- Micro-interactionsButtonMicro-interactions DESIGN.mdView →
Micro-interactions
Futuristic & TechDesign with delightful micro-interactions: small 50-100ms animations, gesture-based responses, tactile feedback, loading spinners, success/error states, subtle hover effects, haptic feedback triggers for mobile.
○ Light· System UI stackdesignmd.app ↗
- Wise Lime BoldButtonWise Lime Bold DESIGN.mdView →
Wise Lime Bold
Futuristic & TechWise-inspired bold fintech landing page. Ideal for transferências internacionais, fintechs, plataformas de pagamento, câmbio. AI-ready template.
◐ Darkdesignmd.app ↗
Brand names describe the visual style only; coderef is not affiliated with or endorsed by any brand listed. Licenses