PremiumWebsite Section

Liquid Glass Hero

Pixel-perfect liquid-glass hero for a task app. Sticky frosted navbar, color-graded glassy orb with mix-blend-screen, social-proof stars, and glassy CTA. Responsive dual-column layout with soft blue glows and trusted-by logos.

12k321197
Liquid Glass 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
24k33393