VibeUI Logo
VibeUI
ExploreExtractMixerStyle PacksFavorites
Get Started
VibeUI Logo
VibeUI

Design ingredients for AI coding. Built for Cursor, Windsurf, and beyond.

Back to Explore
Card
4 export formats

Windsurf Command Menu

A floating, translucent command palette inspired by Windsurf IDE. Designed for global search, precise styling, and distinct active states.

minimalfuturistictechsaas

Export Snippets

Switch formats without compressing the preview layout.

AI Prompt

Natural-language design direction for AI coding tools.

Create a global command menu/palette UI inspired by Windsurf IDE:
1. Container: Floating centered modal, slightly translucent dark background (#12121ED9) with backdrop-blur, subtle 1px inner border (#EEEEF21A), and a pronounced drop shadow.
2. Input Area: Borderless top input section, large white text, muted placeholder (#6E6E84).
3. Divider: A 1px subtle line separating search and results.
4. Results List: Rows with icons (#6E6E84) and text. Active/hover rows should have a rounded background (#EEEEF21A) and a thin sky-blue (#18FFDC) left-accent bar.
5. Badges: Include keyboard shortcut hints (e.g., '⌘ K') aligned to the right, styled with small text and light borders.
Card

Windsurf Command Menu

A floating, translucent command palette inspired by Windsurf IDE. Designed for global search, precise styling, and distinct active states.

minimalfuturistictechsaas

Export Snippets

Copy or download the current format while keeping the preview in view.

AI Prompt

Natural-language design direction for AI coding tools.

Create a global command menu/palette UI inspired by Windsurf IDE:
1. Container: Floating centered modal, slightly translucent dark background (#12121ED9) with backdrop-blur, subtle 1px inner border (#EEEEF21A), and a pronounced drop shadow.
2. Input Area: Borderless top input section, large white text, muted placeholder (#6E6E84).
3. Divider: A 1px subtle line separating search and results.
4. Results List: Rows with icons (#6E6E84) and text. Active/hover rows should have a rounded background (#EEEEF21A) and a thin sky-blue (#18FFDC) left-accent bar.
5. Badges: Include keyboard shortcut hints (e.g., '⌘ K') aligned to the right, styled with small text and light borders.

Interactive Preview

Search commands...
New Terminal
⌘T
Open Settings

Interactive Preview

Search commands...
New Terminal
⌘T
Open Settings