Glass card

A frosted glass card over soft moving colour: the ground blurs through the glass, a highlight runs along its edge, and the title sets on it.

  • effects/glass
  • Effects
  • title
  • Full frame
  • 5 s (2–20 s)
Live in your browser
Glass card at 16:9
0.00 / 5.00 s
Playing live with volito/browser, the engine a render uses. Each tab lays the item out again for that shape, not a crop.

Render it

npx volito render effects/glass --prop kicker="New" --prop title="Made for agents" --out glass.mov

That writes ProRes 4444. The same item in another shape, brand or format:

volito render effects/glass --aspect 9:16 --style cobalt --out glass-9x16.mov
volito render effects/glass --format mp4 --out glass.mp4
volito still effects/glass --t 2.5 --out glass.png
volito info effects/glass     # every prop and part
volito add effects/glass      # copy its source into ./motion to edit

From Node:

import { findItem, renderVideo } from "volito";

await renderVideo(findItem("effects/glass"), { props: { kicker: "New", title: "Made for agents" }, out: "glass.mov" });

Or ask an agent with the MCP server connected: “Render the Volito glass card (effects/glass) in 9:16, in our brand.”

Props

Set each with --prop name=value, or all at once with --props and a JSON object.

PropTypeDefaultTakes
kicker
empty for none
textNew≤ 20 chars
titletextMade for agents≤ 28 chars
subtitle
empty for none
textMotion graphics as code≤ 44 chars

Tags: effect, glass, glassmorphism, frosted, blur, title, card, gradient

More in Effects