Text styles#

Text styles control the entry animation of a text element. They all share the same CSS-like settings (font, colour, alignment, shadow…) — only the animation differs. Pick a style by setting the style property on the text element:

{
  "type": "text",
  "style": "005",
  "text": "Hello",
  "settings": { "font-family": "Anton", "font-size": "8vw", "color": "#FFFFFF" }
}

The catalog below is generated from the live CDN. Each card links to a detail page with the animation description, defaults, and a video preview.

{ "type": "text", "style": "<style_id>", "text": "Your text", "settings": { ... } }

See also#

• Text element reference — shared text properties, available fonts, RTL support
• Component library — animated overlays beyond plain text