Diwali/26

bunx shadcn@latest add @modulo/diwali-26

Requires an active Modulo key and a project configured for shadcn.

{
  "registries": {
    "@modulo": {
      "url": "<registry-url>/r/{name}.json",
      "headers": {
        "Authorization": "Bearer ${MODULO_REGISTRY_KEY}"
      }
    }
  }
}

Usage

import { Diwali26 } from "@/components/diwali-26/Diwali26";

export default function Example() {
  return <Diwali26 pattern="surprise" volume={0.9} />;
}

React, Canvas 2D, and Web Audio. All seven source files install together. No runtime artwork or audio downloads.

Interaction

Click the open sky to launch at that point. Brush the rangoli to move individual petals, leaves and powder. Tab to the sky or a flower and press Enter for keyboard interaction.

Each skyshot has its own whistle, boom and crackle tail. Sound starts after interaction. The header sound toggle mutes the scene and haptics. Vibration depends on browser and device support.

Pause, hidden tabs and scrolling the scene out of view stop animation and sound. Reduced motion keeps the rangoli still and draws skyshots without rocket motion or flashes.