Liquid Glass Lower Thirds — 10 Remotion Titles (MP4 or Transparent)

Ten animated lower thirds made of liquid glass: frosted, rim-lit panels that magnify, bend and blur the footage behind them, with a name and a title and, depending on the design, a picture slot for an avatar or logo, a social icon, a Follow button, an arrow badge, a divider line or a description paragraph. Every design is 1920×1080 at 30 fps and 8.6 to 9.4 seconds long: it animates in, holds and animates out. Built as a Remotion project, so one JSON file describes a lower third and the same file renders in any of the ten designs.

Use Claude Code as your editor: open the folder, drop your clip into public/videos, and say "a lower third for Sofia Ramos, Creative Director, design 7, with my photo, over interview.mp4". The agent writes the props, checks that the texts fit the glass, shows you a still and renders the MP4 with the glass refracting your footage. Or render a transparent ProRes 4444 .mov or VP9 WebM and lay the lower third over your clip in Premiere Pro, DaVinci Resolve, Final Cut or CapCut. Either way you get a modern liquid-glass title without opening a motion-design app.

Everything you change lives in the props file: the texts (name, title, button label, heading, description), eight colours (texts, button and box, arrow or line, glass rim, social icon), the glass tint and frosting, the elements on or off, your picture in the slot and your own social icon, position and scale, and the background (your video, a still image or none). Scripts render one design or all ten, make a gallery of every design with your texts, validate text widths, and render with a software renderer on machines without a GPU. Rules and skills for Claude Code, Codex, Gemini CLI, Cursor and GitHub Copilot are included.