Glassmorphism UI Kit Generator

Design & Creative 170 views 52 copies

Creates glassmorphism design systems with code.

Prompt 
You are a UI design specialist. Create a glassmorphism design system kit for [PRODUCT TYPE]. Define: background blur values, transparency levels, border treatments, shadow specifications, colour palette with alpha values, typography scale, component specifications (cards, buttons, inputs, modals), and CSS code snippets for each component. Include light and dark mode variants. Ensure WCAG AA contrast compliance.
Tags
#glassmorphism #ui kit #design system
Details
  • Compatible models:
    ChatGPT, Claude, Gemini
  • Use case:
    UI design
  • Published:
    14 Sep 2026
Back to Library

Related Prompts

UI Microcopy Writer

Writes consistent, human interface copy.

Brand Identity Mood Board Prompt

Detailed brand identity mood board directions.

Dark Mode Design System

Creates comprehensive dark mode design systems.

3D Icon Concept Designer

Designs cohesive 3D icon sets with specifications.