Pixel-faithful Aurora weather UI with frosted glass panels over a storm landscape.
weatherdashboardliquid-glass
5k211190
PremiumPrompt
Liquid Glass Conference Hub
A React TypeScript conference dashboard with liquid glassmorphism, dual theme video backgrounds, eight room cards with charts and avatars, live participant bar, and mic/video controls. Fully responsive with smooth cubic-bezier transitions and drag-scroll screen shares.
6.2k149368
.webp?token=eyJraWQiOiJzdG9yYWdlLXVybC1zaWduaW5nLWtleV9iMjk0Y2Y1ZS01ODRhLTQ5ODItOGY3MS04NGQzZDAwMzJiNzgiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJhc3NldC1tZWRpYS9hMTkwOGU0OS1jYzBkLTQzNjEtOTJmMy0xZjEwMjE0NDFmNjQvMTc4NjAxNjgzNDY0My1hbmltYXRlZC0oNjMpLndlYnAiLCJzY29wZSI6ImRvd25sb2FkIiwiaWF0IjoxNzg2MDE2ODM1LCJleHAiOjIxMDEzNzY4MzV9.m8yOLCKA5-kYRlOlicLg2YHB8SYf6SVrRPI7LIgDDGI)
Gallery
How it works
Four steps. No downloads.
01
Pick an asset
Filter by type, style, compatibility and access. Preview it live.
02
Copy the prompt
Fill five variables. The prompt already encodes the design rules.
03
Paste into your AI
Lovable, Cursor, Claude, GPT, Bolt or v0 — one click each.
04
Ship it
Production-grade output with tokens, motion and accessibility handled.
Related
Pairs well with this.
Full-viewport 404 with live MP4 backdrop, Geist Mono type, and exact Figma-matched layout.
404error-pagevideo-background
13k968703
Halo Scroll WebGL Hero
PromptScroll-scrubbed twin-video WebGL hero with pixel-dissolve and mint typography.
webglscroll-scrubhero
18k10578
GringX Nebula Orb Hero
PromptDark single-viewport hero with WebGL nebula orb, reflective metallic hands, and frosted UI.
threejswebglnebula
35k1.1k409