Cinematic Liquid Glass Hero
Website SectionFull-screen video hero with liquid-glass nav, char-by-char heading, and tagline pill.
heroliquid-glassvideo-background
34k6404434.7
FreeWebsite Section
Dark Portfolio Features Grid
A cinematic full-screen portfolio features section with video-backed cards, career timeline, client quote, and dual software marquees. React, TypeScript, and Tailwind with liquid-glass controls and noise overlays for a refined dark look.
20k110794.4
.webp?token=eyJraWQiOiJzdG9yYWdlLXVybC1zaWduaW5nLWtleV9iMjk0Y2Y1ZS01ODRhLTQ5ODItOGY3MS04NGQzZDAwMzJiNzgiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJhc3NldC1tZWRpYS85YzZhNzQ0ZC05OTMxLTQ2MGMtODUwMS1mY2ViZTAwMGYzOWMvMTc4NTg0MDE4MzgzNi1hbmltYXRlZC0oNikud2VicCIsInNjb3BlIjoiZG93bmxvYWQiLCJpYXQiOjE3ODU4NDAxODUsImV4cCI6MjEwMTIwMDE4NX0.m4jX4XDpO89G4DTNfqg-U1ZJ-b8Wef-dbgyH1Ixdjz4)
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.
VEX Liquid Glass Hero
Website SectionFull-viewport video hero with liquid-glass nav, staggered type, and dual CTAs.
herovideo-backgroundliquid-glass
13k100614.7
Nexformo Cinematic Hero
Website SectionFullscreen dark hero with live video, rotating copy carousel, and frosted spin badge.
herovideo-backgroundcarousel
38k5365764.6
Dark Glass Agency Portfolio
Landing PageSticky video backdrop, liquid-glass cards, and letter-fill motion for a remote engineering crew.
portfolioagencydark
35k195824.7