Reveal Line

A single line of text that sweeps in from left using a clip-path animation — dramatic and instant. Auto-plays on load, no click required. Great for Meet Stage opening slides.

Surfaces
apps-script-webwebmeet-stage
Fields
FieldType
textstring. Text content.required
gradientstring. CSS gradient applied to text. Default indigo→pink.optional
sizestring. Font-size. Default clamp(2.5rem,6vw,4rem).optional
weightinteger. Font-weight. Default 900.optional
durationinteger. Animation duration ms. Default 800.optional
delayinteger. Start delay ms. Default 200.optional
Example payload
{
  "type": "reveal_line",
  "text": "A concise description of the content."
}
ARD catalog entry
{
  "identifier": "urn:air:a2uicatalog.ai:atom:reveal_line",
  "displayName": "Reveal Line",
  "type": "application/vnd.a2ui.atom+json",
  "url": "https://a2uicatalog.ai/atoms/reveal_line",
  "capabilities": [
    "apps-script-web",
    "web",
    "meet-stage"
  ],
  "description": "A single line of text that sweeps in from left using a clip-path animation \u2014 dramatic and instant. Auto-plays on load, no click required. Great for Meet Stage opening slides.",
  "representativeQueries": [
    "show a clip-path sweep-in reveal line, auto-plays on load",
    "a single line of text that sweeps in from left using a clip-path animation \u2014 dramatic and instant. a",
    "render a reveal line"
  ]
}
← Full ARD catalog Try it live →
Deploy your own renderer

The renderer is open source. Deploy your own instance in 4 commands — you own the URL, no dependency on the demo endpoint.

git clone https://github.com/a2uicatalog/a2ui
cd apps-script-surface/gas-schema-renderer
clasp push && clasp deploy
Full deploy guide →