.webp?token=eyJraWQiOiJzdG9yYWdlLXVybC1zaWduaW5nLWtleV9iMjk0Y2Y1ZS01ODRhLTQ5ODItOGY3MS04NGQzZDAwMzJiNzgiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJhc3NldC1tZWRpYS8yZjE5YjEyMC1iZTU5LTQ1MzMtODM1NS04NjY5YzgxMjU4ZjkvMTc4NTkzOTgyMzMzMi1hbmltYXRlZC0oNDEpLndlYnAiLCJzY29wZSI6ImRvd25sb2FkIiwiaWF0IjoxNzg1OTM5ODI1LCJleHAiOjIxMDEyOTk4MjV9.ZZ8qbdS592-1CNKWfuMDL4DLw6_bsVekKuU3N2sl-Fc)
Terra Nova Glass Hero
Website SectionFullscreen video hero with glass cards, ghost typography, and a slide-in menu for TERRA NOVA.
herovideo-backgroundglassmorphism
24k333934.7
PremiumPrompt
EcoVolta Clean Energy Hero
Single-page renewable energy hero with looping video, staggered letter reveal, and glassmorphism controls. Includes responsive navbar, dual CTAs, map pin, avatar proof, and infinite logo marquee. Built in React, TypeScript, Tailwind, and Framer Motion.
34k7455534.7
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.
Violet studio contact page with WebGL ripples, spring physics, and a cinematic preloader.
webglspring-physicscontact-page
25k1388184.8
Fluid DeFi Streams Landing
Landing PageCinematic DeFi landing with video heroes, glass metrics, and fluid staking CTAs.
defistakingdashboard
5.9k2643574.7
Full-viewport 404 with live MP4 backdrop, Geist Mono type, and exact Figma-matched layout.
404error-pagevideo-background
13k9687034.4