Back to HyperFrames Templates
Prism Lower Third
A slim glass name badge that tilts in with a light bar and a soft sheen
Description
A depth-rich lower third kept deliberately slim: a frosted glass panel tilts in on a gentle 3D perspective while a soft sheen passes across it and a thin accent bar wipes to width. The name and role rise on a small stagger. Uses `backdrop-filter`, `preserve-3d`, hairline borders and custom easing — light type, no heavy weights, no libraries.
Change the name, role and accent colour at the top. Anchored bottom-left on a rule-of-thirds; nudge `--x`/`--y` to reposition. Loops in and back out cleanly for the gallery.
How to use it
- Copy the block's HTML from the Source Code tab.
- Paste it into your HyperFrames composition (or any HTML page).
- Edit the text, colours, and timing to match your brand, then render it to video with HyperFrames.
Category
Overlay
Building with Remotion?
Get the same effects as ready-to-copy Remotion (React) components — 80+ free video templates.