Concept render
Any shape.
Select a shape, turn on Liquid glass, and its rim bends and splits what lies under it.
Liquid glass, in motion.
Turn any shape into a pane of liquid glass that bends, splits and frosts whatever sits behind it. Keyframe every dial, light the scene like a product shot, and export it as video or put it live on your site.
Free 1080p exports, no watermark. Runs in your browser.
Live stand-in · LG-00
Select any shape and turn on Liquid glass. The rim bends and splits whatever lies underneath, the middle frosts and tints, and the surface catches the light. Text takes the tint and frost too, so a label reads as part of the glass. And because every Paraplex scene is real 3D, the glass sits in light you can move.
What the glass can do.
Concept render
Ten dials.
Refraction to Glint, every one keyframeable.
Concept render
Real light.
Lights are layers you move and animate.
Concept render
Ship it live.
Export video, or publish a live embed that renders the glass in real time on your page.
Ten dials. Every one keyframeable.
Refraction, Fold, Dispersion, Magnify, Frost, Tint, Sheen, Rim width, Rim light and Glint each have a keyframe diamond, with 23 easing presets for the moves between keys. Set them by hand, or ask the assistant to “frost the card as it lifts, then clear it.”
Live stand-in · LG-02a
Refraction
How hard the rim bends whatever lies underneath.
Live stand-in · LG-02b
Dispersion
Push it on a fast move and the rim splits into color, the way thick glass does.
Live stand-in · LG-02c
Frost
Key it up and a clear pane fogs over.
Live stand-in · LG-02d
Magnify
Key it and the pane becomes a lens.
Live stand-in · LG-02e
Rim light and Glint
Two dials for how brightly the edge catches the light.
Built for interface glass.
Apple introduced Liquid Glass across its operating systems in June 2025, and interface glass now shows up in product launch videos too.
01
A nav bar over a scrolling feed.
Float a glass bar over your own screens, or start from the Liquid glass nav template.
CSS stand-in · LG-04a
02
Cards that frost as they lift.
Key Frost on a card as it moves and a clear pane fogs over. The Glass cards template starts you there.
CSS stand-in · LG-04b
03
A loupe that follows the pointer.
The loupe puts a Liquid glass lens over the whole frame. It follows a cursor in exports, or your viewer's pointer in Preview and embeds.
CSS stand-in · LG-04c
04
Open the next scene through glass.
Lens reveal opens the next scene inside a growing glass lens, with one click.
CSS stand-in · LG-04d
Glass that sits in real light.
Every Paraplex scene is real 3D, lit by real lights and environments. Glass and chrome reflect it, and lights are layers you can move and animate, so a highlight can travel across a surface on cue.
11
environments, from Studio Soft to Golden Hour
8
HDRI panoramas built in, or upload your own
Lights
Spot, point, directional, area and ambient
One-click 3-point setup and Dramatic light
Saved lighting rigs you apply to other scenes
Physical glass
Glass and Frosted glass for 3D shapes and text
Refraction, dispersion, iridescence, anisotropy and sheen
Caustics in the glass's tint
Studio render (Pro)
Path traced, from Draft (32 samples) to Final (1,024)
Every exported frame traced
Shadows as soft as each light is large
More ways to work with glass.
Paste the glass look onto another layer
Randomize new glass settings
Ask the assistant to frost it
Liquid glass as a blend mode
Lens reveal between scenes
Text takes the tint and frost
Caustics under 3D glass
Transparent WebM export (Pro)
Export it, or ship it live.
Export MP4 to post anywhere, WebM for a smaller file, a GIF for a README or a reply, or a PNG still. Or publish a live embed: the glass renders in real time on your page, and the loupe can follow your visitor's pointer. The website hero loop guide walks through the setup.
Up to
4K at 60 fps
on Pro
Free
1080p
with no watermark
From one scene
5 aspect ratios
16:9, 9:16, 1:1, 4:5 and 4:3, or a custom size
Stand-in · LG-05a
Landscape 16:9
Stand-in · LG-05b
Vertical 9:16
Stand-in · LG-05c
Square 1:1
How the options compare
As of October 2026
| Feature | Paraplex | Jitter's glass effect | After Effects templates | Code packages |
|---|---|---|---|---|
| Where it runs | In the browser | In the browser | A desktop editor (After Effects, Premiere Pro, Final Cut Pro or similar) | Inside your app or site |
| Animate the glass itself | 10 keyframeable dials | Refraction, depth, dispersion, frost and light angle, all animatable | Whatever each template exposes | In code |
| Real 3D lights and materials | Yes | No native 3D (3D flip and rotation effects) | Depends on the template | No |
| Video export | MP4, WebM, GIF, PNG | MP4, MOV, WebM, GIF; 4K and 120 fps on Max | Through your editor | No |
| Transparent video | WebM with alpha, PNG sequence (Pro) | ProRes 4444 and WebM, on Max | Through your editor | Not applicable |
| Live on a website | Interactive embed | Not listed on its product page | No | Yes, as live UI |
| Cost to start | Free plan | Free plan (720p, watermark) | Marketplace subscription (Envato from $16.50/mo billed yearly) | Published on npm and pub.dev |
Figma's glass effect is the reference for designing interface glass, and Figma Motion, in open beta since June 24, 2026, adds a timeline to the canvas. Figma Motion is a 2D tool for now: Figma lists its 3D transforms as coming soon.
For a full side-by-side with Jitter, see Paraplex vs Jitter.
Start from a glass template
Each template opens with every layer, keyframe, light and camera move ready to edit.
Poster needed · TPL-01
Liquid glass nav
UI mockups
Poster needed · TPL-02
Glass cards
UI mockups
Poster needed · TPL-03
The Drift liquid glass
Brand promo
Poster needed · TPL-04
Glass list hero
Website hero visuals
Poster needed · TPL-05
Chrome & glass hero
Website hero visuals
Questions about liquid glass
What is a liquid glass effect?
Liquid glass is a translucent material style that bends, frosts and tints whatever sits behind it and catches light along its edges. Apple introduced it across its operating systems at WWDC on June 9, 2025, and it has since spread into interface design and product videos.
How do I make a liquid glass animation without code?
In Paraplex, select any shape, turn on Liquid glass, and keyframe its settings on the timeline. Paraplex runs in the browser, so there's no plugin, desktop app or code involved.
Which liquid glass settings can I animate?
All ten Liquid glass settings in Paraplex can be keyframed: Refraction, Fold, Dispersion, Magnify, Frost, Tint, Sheen, Rim width, Rim light and Glint. Easing curves or springs shape the motion between keys.
Can I make liquid glass animations for free?
Yes. Paraplex's free plan includes the whole editor, Liquid glass and the other materials included, and exports video up to 1080p at 30 fps with no watermark. The Liquid glass nav and Glass cards templates are a quick place to start.
How is Paraplex's liquid glass different from Jitter's glass effect?
As of October 2026, Jitter offers an animatable 2D glass effect with refraction, depth, dispersion, frost and light angle controls, added in May 2026. Paraplex's glass sits in a real 3D scene with lights, environments and physical glass materials, and it can be published as a live web embed as well as exported as video.
Can I put a liquid glass animation on my website?
Yes. Export a looping MP4 or WebM from Paraplex for a video element, or publish a live embed that renders the glass in real time and can make the loupe follow the visitor's pointer.
Build with Paraplex.
Start free in your browser. Upgrade when your work needs 4K.
Paraplex is a browser-based 3D motion design studio with an AI assistant that edits real layers and keyframes.