For landing pages
A landing page headline visitors stop for
Your hero headline gets a few seconds to earn the scroll. Make it the part people play with: letters made of flowers that sway, follow the pointer and can be dragged. Paste one script tag; no redesign.
<div data-vizyble-live="https://vizyble.dev/api/v1/live?word=LAUNCH%20DAY&font=font-2&flowerSize=74&spacing=34&jitter=4&wordSize=46&verticalStretch=2&letterSpacingScale=4.55&lineSpacingScale=0.1" data-wind-speed="1.4" aria-label="LAUNCH DAY"> <img src="https://vizyble.dev/api/v1?word=LAUNCH%20DAY&font=font-2&flowerSize=74&spacing=34&jitter=4&wordSize=46&verticalStretch=2&letterSpacingScale=4.55&lineSpacingScale=0.1&fallback=1" alt="LAUNCH DAY" style="width:100%;height:auto"> </div> <script src="https://vizyble.dev/embed/vizyble-live.js" defer></script>
Works as-is, no sign-up: a small “Vizyble” badge and 200 fresh renders a day per site. More styles in the builder; plans on pricing.
Why it works
A hero that isn't a template
Most landing pages open with the same big sans-serif line. A live, touchable headline is the first thing people remember.
Keeps your SEO
The heading version keeps your real headline in the page for search engines and screen readers.
Fast to ship
One small script with a static image fallback built in. It pauses off screen and stays still for visitors who prefer reduced motion.
Works with vibe-coded sites
Plain HTML, so it drops into a site built with an AI tool, a builder or a framework. AI agents can add it through the MCP server.
How to add it
Type your headline
Your product name or a short promise, up to 24 characters. Try it in the box above.
Copy the snippet
It works as it is. For a headline that search engines read, choose "As a heading" in the builder.
Paste it into your site
Any site builder that accepts HTML works. There are step-by-step guides for Webflow, Framer, WordPress and Next.js below.