Command Palette

Search for a command to run...

Docs
Event Aquarium Calendar

Event Aquarium Calendar

An aquarium-themed calendar with floating bubble events and interactive month navigation

Loading...

Installation

Props

PropTypeDefaultDescription
bubbleCountnumber30Number of bubbles to display
widthnumber420Width of the aquarium
heightnumber420Height of the aquarium
initialMonthnumbercurrentInitial month to display
initialYearnumbercurrentInitial year to display

Usage

import { EventAquariumCalendar } from "@/components/ui/event-aquarium-calendar";
 
function MyCalendar() {
  return <EventAquariumCalendar bubbleCount={40} width={500} height={500} />;
}