UI Inspirations

Curated designs from the best products — each paired with a structured prompt you can copy and use instantly.

5 inspirations

Results vary by AI tool & model

Not all AI tools produce the same output from these prompts. Google AI Studio, Lovable, and Claude Opus tend to generate rich, detailed results closest to the inspirations shown here. Gemini also produces nice output. Others like ChatGPT and Codex may give more minimal results. Experiment with different tools to find what works best for your use case.

View GitHub Repository Page
GitHub Repository Page devtools ChatGPT

GitHub Repository Page

Pixel-perfect GitHub repository overview: monospaced file tree with type icons & commit SHAs, precise language bar gradients, live README renderer, activity graphs — #0d1117 dark mode.

github repository code +3
github.com
View Linear App Dashboard
Linear App Dashboard dashboard Google AI Studio

Linear App Dashboard

Pixel-perfect Linear dashboard: 48px header, 240→64px sidebar collapse, monospace breadcrumbs/IDs, priority dots, status chips — #0f1117 dark, keyboard-first (Cmd+K palette).

linear dashboard minimal +3
linear.app
View Raycast Command Palette
Raycast Command Palette navigation Google AI Studio

Raycast Command Palette

Raycast 2.0 palette: glassmorphism overlay, fuse fuzzy cat groups (Commands/Files/Extensions), 52px rows kbd hints, virtual list 60fps, Cmd+K→action bar — #1a1d23 blur(20px).

raycast command-palette search +3
raycast.com
View Vercel Deployment UI
Vercel Deployment UI dashboard Google AI Studio

Vercel Deployment UI

Clean deployment status interface with real-time build logs, domain management, and environment indicators.

vercel deployment devtools +1
vercel.com
View Notion Block Editor
Notion Block Editor editor Claude

Notion Block Editor

Production Notion block editor: 64px gutters, 28px block min-h, slash /cmdk fuzzy insert, drag grip popover menu, SelectionAPI toolbar — exact clean/dark toggle, ProseMirror-perf vanilla.

notion editor blocks +3
notion.so