Pakistan Defence Day Preset

Composition

Pakistani flag bunting, subtle accents and correctly oriented fighter jets flying right to left.

SparklesBounded CSS circles, diamonds or stars with a soft WAAPI shimmer.AircraftOriginal fighter-jet silhouettes with a restrained, configurable flyover.BuntingResponsive country flags or classic pennants, anchored to a curved SVG cord.

React usage

import { Zeenat } from "zeenat";

export function Decoration() {
  return <Zeenat preset="pakistan-defence-day" intensity="medium" />;
}

Next.js App Router

import { Zeenat } from "zeenat";

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return <html><body><Zeenat preset="pakistan-defence-day" />{children}</body></html>;
}

Vanilla JavaScript

import { zeenat } from "zeenat/vanilla";

const decoration = zeenat({ preset: "pakistan-defence-day", intensity: "medium" });
// Later: decoration.destroy();

Typed customization

The Pakistan Defence Day subpath exports createPakistanDefenceDayPreset. Its supported options are listed below.

Choose horizontal or vertical flag artwork. You can also pass orientation directly with this string preset in React or vanilla JavaScript. Vertical rotates the full design 90° clockwise and preserves its proportions.

import { Zeenat } from "zeenat";
import { createPakistanDefenceDayPreset } from "zeenat/presets/pakistan-defence-day";

const customized = createPakistanDefenceDayPreset({
  orientation: "vertical",
});

<Zeenat preset={customized} />;

Property	Type	Default	Description
`orientation`	`"horizontal" \| "vertical"`	"horizontal"	Rotate flag artwork 90° clockwise for vertical hanging, preserving its proportions.

Intensity and seed

Scene intensity scales effect counts without changing the preset API. A seed makes generated positions and timing deterministic across restarts.

<Zeenat preset="pakistan-defence-day" intensity="low" seed={2026} />

Reduced motion

Aircraft are omitted; static bunting and sparse sparkle accents remain.

Accessibility and reduced motion

Scheduling

Keep dates out of preset definitions. Schedule the scene at the call site with explicit time-zone offsets. Set the year and local offset for your event.

<Zeenat
  preset="pakistan-defence-day"
  activeFrom="2026-09-06T00:00:00+05:00"
  activeUntil="2026-09-07T00:00:00+05:00"
/>