Real Zeenat runtime

Build a decoration, then copy the code.

Choose a built-in preset or isolated effect. Adjust the real public options, preview reduced motion, pause or restart the engine, and copy an integration that uses Zeenat’s exported API.

Scene controls

Compose

import { Zeenat } from "zeenat";

<Zeenat
  preset="bunting"
  flag="PK"
  orientation="horizontal"
  intensity="medium"
  motion="system"
  seed={2026}
/>;

What the preview demonstrates

The playground runs the published Zeenat package. It does not reproduce effects with site CSS or duplicate engine internals.

Use motion responsibly

System motion is the production default. The reduced preview shows how high-motion effects disappear or become sparse static compositions.

Read the contracts

Configuration reference · Accessibility · Performance