Rangoli Preloader Animation

Rangoli preloader animation: a festive powder rangoli pours itself from the centre outward as your page loads, thousands of coloured grains on a red-oxide floor, every fold drawn at once. At 100 a gust lifts the powder away and a greeting appears before your page is revealed. Three floors, 6/8/12 folds, real or simulated progress. React only.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Rangoli Preloader Animation to your project and fits it to your theme.

"use client"

import RangoliPreloader from "@/components/ui/rangoli-preloader"

export default function Demo() {
  return <RangoliPreloader loop />
}