Wave Divider

Animated SVG wave as a decorative section separator.

Surfaces

gaswebmeet-stageapps-script-web

Fields

Field	Type
color	wave fill colour (default var(--a2ui-accent))	required
height	wave height in px (default 60)	required
speed	animation cycle in seconds (default 8)	required
opacity	fill opacity (default 0.15)	required
flip	reverse wave direction (default false)	required
animate	animate the wave (default true)	required

Example payload

{
  "type": "wave_divider"
}

ARD catalog entry

{
  "identifier": "urn:air:a2uicatalog.ai:atom:wave_divider",
  "displayName": "Wave Divider",
  "type": "application/vnd.a2ui.atom+json",
  "url": "https://a2uicatalog.ai/atoms/wave_divider",
  "capabilities": [
    "gas",
    "web",
    "meet-stage",
    "apps-script-web"
  ],
  "description": "",
  "representativeQueries": [
    "show a Animated SVG wave as a decorative section separator",
    "render a wave divider"
  ]
}

← 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 →