UI Design Grid

Preview UI, adjust parameters and export prompts or HTML/CSS offline. Use your own API for optional AI design.

Preview the idea. Take the code with you. UI Design Grid is a Chrome side-panel design tool for vibe coding. Choose a UI template, adjust text, colors, radius, intensity and speed, then copy developer prompts or download a self-contained HTML/CSS file. Local preview and export work without an API. • Six original UI templates: glass card, gradient button, spotlight card, aurora background, dot grid and shimmer border. • Optional BYOK AI adjusts parameters within these built-in templates. No model-generated code execution or full-site generation. • Static Canvas design with PNG export, 44 motion previews, prompt chips and bilingual video prompt history. • Chinese, English, Japanese and Spanish interfaces. Developer and video prompts remain Chinese/English. • API keys are session-only by default. Persistent keys are encrypted on your own device with a passphrase. Explicit AI actions send your key and input directly to your selected provider, without our server as a relay. All extension features are free. Third-party API charges may apply. Preview buttons demonstrate styling; connect their actions in your project. Optional Ko-fi support never affects access to any feature.