Getting started | Zeenat.js

Install Zeenat

Zeenat requires Node.js 20.19 or newer for its development toolchain. React and React DOM are peer dependencies; the framework-neutral engine has zero runtime dependencies.

npm install zeenat

Render a preset

Choose one of eight built-in preset IDs. Country Flag Bunting also requires a flag; the other seven are ready-to-use seasonal or national-day compositions. Every scene is decorative, fixed, pointer-inert and cleaned up automatically when it unmounts.

import { Zeenat } from "zeenat";

export function App() {
  return <Zeenat preset="bunting" flag="pakistan" />;
}

Choose intensity and duration

Intensity scales effect density. Duration is infinite by default; provide milliseconds for a finite scene. The seed stabilizes generated positions and timing.

<Zeenat
  preset="spring"
  intensity="low"
  duration={8_000}
  seed={2026}
/>

Choose your integration

Continue with the integration guide for your framework or open the playground to explore presets, individual effects and lifecycle controls.