PremiumWebsite Section

Draggable Photo Portfolio Hero

Produces a cinematic full-viewport photography portfolio hero in React. Features a cover background, gradient and blur layers, six draggable project cards, a glassmorphic dock with tooltips, and spring-animated macOS-style modal windows.

33k652734.9
Draggable Photo Portfolio Hero

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.

Terra Nova Glass Hero — Website Section / AI prompt template for ChatGPT, Claude, Cursor, Lovable, Bolt and v0
Preview Demo
Premium

Terra Nova Glass Hero

Website Section

Fullscreen video hero with glass cards, ghost typography, and a slide-in menu for TERRA NOVA.

herovideo-backgroundglassmorphism
24k333934.7
Liquid Glass Focus Hero — Website Section / AI prompt template for ChatGPT, Claude, Cursor, Lovable, Bolt and v0
Preview Demo
Premium

Liquid Glass Focus Hero

Website Section

Full-bleed video hero with liquid-glass nav, blur-in headline, and waitlist CTA.

heroliquid-glassvideo-background
38k787864.7
Preview Demo
Premium

F1 Portrait Blur Hero

Website Section

Full-screen mobile hero with oversized athlete photo, gradient blur mask, and live tweak controls.

heromobileblur
6.9k1.1k4484.6