UI Design Grid

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

UI Design Grid is a design tool in the Chrome side panel. Preview a built-in website interface, adjust its text, colors, corners and animation settings, then take the result into your project. Without an API, you can: • Customize nine UI templates and export developer prompts, HTML/CSS or React JSX, with an optional Tailwind-compatible layout. • Create static visual effects and export PNG images, explore 44 motion previews and assemble video prompts. • Save up to 20 UI designs on your device, import or export design JSON, and keep the 20 most recent video prompt entries. The interface and local prompts support Chinese, English, Japanese and Spanish while preserving your original input. Optional AI features use your own API with the service and model you choose. They adjust built-in design parameters or polish prompts. AI polishing currently handles English and Chinese. The extension does not execute model-generated code or generate complete websites. API keys are session-only by default. To keep a key, encrypt it on your own device with a passphrase. Only explicit AI actions send the key and relevant input directly to your selected service, without a developer-operated relay. Extension features are free; third-party API charges may apply. Preview buttons and forms demonstrate styles. Connect their real behavior in your project. Voluntary support does not affect access to any feature.