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
The system
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
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.
Grab the free component pack, built to the standard we ship for real brands, in your inbox now. It grows every week. No card, no catch. When you want the full Reveal system, it is one click away.
The code
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.jsx
Pricing

EUR 149

One-time. No subscription, no seats.

Get the Kit
14-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

Everything worth knowing before you own the Kit.

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.

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

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

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.

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.

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.

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.

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.

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

RevealEUR 149
One purchase, every project, forever.