Landmark Kit

Reveal

Preloaders and hero sections, built as one system. You pair any cover with any hero, in WebGL or GSAP, so the moment a site loads and opens runs as a single move.

One-time

yourstudio.com

Built by the studio who ships for

The system

Pair any preloader with any hero.

Preloaders and hero sections are one system. The preloader's release frame triggers the hero's first frame. Pick a pair and watch the real handoff.

Preloaders

Heroes

Speed1.0x

What's inside

Everything you get.

All 13 components: preloaders and hero sections, every one built to drop in and tune. Hover any to preview it.

Preloaders (7)

Logo Draw Split
Counter Columns
Mosaic Dissolve
Logo Fill Cover
Image Cycle Zoom
Image Trail Loader
Grid Flash Cover

Hero sections (6)

Composing Grid
Hero Marquee
Flow Field
Fractal Glass Hero
Tile Orb
Depth Parallax Hero

FormatsReact · Vue · HTML / CSS / JS. Not for Webflow.

One attribute APISet timing, easing, and intensity once. The whole system stays in sync.

Production-readyTyped, SSR-safe, reduced-motion aware, with a performance budget per component.

Yours foreverOne purchase. Every future update to this Kit, at no extra cost.

See the craft first. Free.

Grab three production components, built to the standard we ship for real brands, in your inbox now. No card, no catch. When you want the full Reveal system, it is one click away.

The code

Code you would have written anyway.

Real React, Vue, and HTML. Typed, SSR-safe, reduced-motion aware. GSAP for the motion, Three.js for the WebGL variants. Paste it and ship.

Component.jsxEditable

Paste into a .jsx file.

Pricing

One purchase. Yours forever.

EUR 149

One-time. No subscription, no seats.

30-day money-backLibrary members get 20% off every Kit, for as long as the subscription is active.

What you get

Every Reveal component, in React, Vue and HTML / CSS / JS. Not for Webflow.

A perpetual license. Yours forever, on unlimited commercial projects.

Lifetime updates, every future addition to this Kit at no extra cost.

Production-ready. Typed, SSR-safe, reduced-motion aware. GSAP and Three.js.

Questions

Before you buy.

Everything worth knowing before you own the Kit.

Is the Reveal Kit part of the Library subscription?

No. The Reveal Kit is a stand-alone product, bought once and owned forever. The Library is a separate yearly subscription, billed and accessed independently from any Kit.

Which frameworks does it ship in?

The Reveal Kit ships in React, Vue, and plain HTML / CSS / JS. It is not built for Webflow.

Do I own it forever, and are updates included?

Yes. One purchase gives you a perpetual license plus every future update to the Kit at no extra cost. Nothing renews and nothing expires.

Can I use it on client and commercial projects?

Yes. The license covers unlimited commercial and client projects. The only thing you cannot do is repackage or resell the components as a competing product.

Do I have to use both WebGL and GSAP? Can I mix them?

No. Reveal is a mix-and-match system: pair any preloader cover with any hero section, in WebGL or GSAP, and use only the variants your project needs.

What does the Reveal Kit depend on?

The GSAP variants need GSAP. The WebGL variants also need Three.js. Both are standard, widely used libraries, and GSAP is free including every plugin.

How do I get the code after I buy?

After purchase the Kit lives in your account, separate from the Library. You can browse and copy every component in the app, or download the whole Kit as a ZIP.

I subscribe to the Library. Do I get a discount?

Yes. Library members get 20% off every Kit for as long as the subscription is active. Buy a Kit first and you get 20% off your first year of any Library plan.

What is the refund policy?

The Reveal Kit has a 30-day, no-questions-asked refund. If it does not fit how you work, email us within 30 days of purchase for a full refund.

RevealEUR 149