MULLION · A CASEMENT STUDIO MOTION KIT
The production motion suite behind Casement Studio templates. Drop-in code components for Framer, tuned so restraint reads as craft. Every value editable from the properties panel.
12 components · GSAP + Lenis · Framer-native controls
THE KIT
01 / MaskedHeadline
A display headline with one accent word masked by an image or gradient. The signature move for hero sections.
Make work that moves people.
02 / SplitReveal
Line-by-line text reveal on scroll. Spring tuned to settle with zero overshoot, stagger per line.
03 / ClipReveal
Images wipe open on scroll with a clip-path while the photo settles from a 1.06 scale. Up, side, or text-mask directions.
04 / HoverImage
Grayscale to color on hover, with card lift and inner scale. Hover the image.
05 / GalleryGrid
Six image slots, feature-first layout, and a full-screen lightbox with keyboard navigation. Click any image.
06 / MarqueeBand
An infinite band that slows on hover. Full-bleed by design.
07 / CountUp
Stat numbers with prefix, suffix, decimals, and tabular figures that never misalign.
COMPONENTS
ON THE TICKER
CANVAS EDITABLE
08 / MagneticButton
A button that leans toward the cursor. Solid and outline variants, magnetic pull optional and capped so it stays physical.
09 / FilterTabs
Functional filter tabs that drive any grid through data attributes. Cards fade out, matches fade in, graceful empty state. Wire it to a grid with one attribute per card.
10 / VideoPlayer
A restrained video player with poster frame, made for CMS-bound walkthroughs. No plugin chrome.
11 / LenisScroll
The smooth scroll you are using right now. One invisible instance at the page root boots Lenis, syncs it to the GSAP ticker, and stays out of the way of pinned sections.
12 / CursorOverride
The cursor following your mouse is a component. Dot and ring lerp at different rates, difference blend, grows on links, and shows a label over tagged images. Desktop pointers only.
Yours in three steps
01 — Remix
Remix this file. Every component and this demo canvas come with it.
02 — Drop in
Insert any component from the assets panel into your own project.
03 — Tune
Every spring, color, and duration is a property control. No code required.
Mullion · Twelve components, one system