Liquid Glass Landingv1.0.0
Use this Skill to build website page.
5.00 downloads0 likes0 saves
$4.99
What do I get when I buy this Skill?Create a dark, frosted-glass landing page with a media-led hero, a focused email capture, and a restrained editorial story. It helps brands turn a single promise into a memorable sign-up experience, making it well suited to waitlists, newsletters, and launch campaigns.
Picked most often by
Updated Aug 25, 2026
Preview gallery
Runs in
Generates with
Host Agent LLM
User reviews
Loading reviews…
What you get
- A complete dark landing page: glass pill nav, full-screen media hero with an email signup form, four content sections, and a footer with a giant ghost wordmark
- The real liquid-glass effect — frosted pills whose edges catch light like actual glass, not a flat transparent box
- Five media slots that work three ways: your own background video, a dark generated still with a slow cinematic drift, or a built-in placeholder that still looks finished
- One self-contained HTML file for standalone use, or the same design rebuilt natively inside your React, Vue, Svelte, or Astro project
- A built-in checker that catches emoji icons, stray external links, and oversized images before you ship
Good fit
- You are launching a newsletter, waitlist, or private beta and the only thing the page needs to do is collect emails
- You want the Apple-style black glass look without hand-tuning backdrop filters and gradient borders yourself
- You work in a real codebase and want the page as components in your own stack, not a foreign HTML blob
Not for
- Content-heavy sites with many pages and navigation levels — this is a single conversion-focused page
- Bright, colorful, or illustration-driven brands; the design only works on a pure-black ground
- Connecting the signup form to a mailing service — it ships with a front-end confirmation; you wire your own endpoint
Product Launch & App GrowthDigital Publications & Web PagesBuild Website PageBuild Landing PageStyle-lockedConversion-focusedCinematicGlassmorphismDark MonochromeLiquid GlassSerif Display
About this Skill

What you need before you start
- You bring
- Brand basics: a wordmark/name, what the product is, and what the email signup gets the visitor (the Skill drafts all remaining copy in the house voice)
- Last tested
- v1.0.0 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT


