VibeUI Logo
VibeUI
ExploreStyle PacksFavorites
Get Started
VibeUI

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

Back to Explore

Windsurf Command Menu

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

minimalfuturistictechsaas

Interactive Preview

Search commands...
New Terminal
⌘T
Open Settings
Create a global command menu/palette UI inspired by Windsurf IDE:
1. Container: Floating centered modal, slightly translucent dark background (rgba(23, 23, 23, 0.85)) with backdrop-blur, subtle 1px inner border (rgba(255, 255, 255, 0.1)), and a pronounced drop shadow.
2. Input Area: Borderless top input section, large white text, muted placeholder (#737373).
3. Divider: A 1px subtle line separating search and results.
4. Results List: Rows with icons (#A3A3A3) and text. Active/hover rows should have a rounded background (#262626) and a thin sky-blue (#0ea5e9) left-accent bar.
5. Badges: Include keyboard shortcut hints (e.g., '⌘ K') aligned to the right, styled with small text and light borders.