Animated Calendar Components

Dev Design Library indexes 15 Animated calendar components from 9 open-source UI libraries, with the most coming from beUI, UI Lab, Spectrum UI, HextaUI and Kokonut UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. These are the calendar components tagged as animated: motion on hover, on scroll or on load, usually built with CSS transitions or Framer Motion. Calendar components belong to the Data display group.

• AI ScheduleKokonut UI · ReactMeeting times the assistant found, each with a strip of both calendars so you can see why it is free. Booking folds…
• Availability SchedulerbeUI · ReactWeekly availability editor where each day springs between available and unavailable, time ranges add and remove with…
• Event CalendarSpectrum UI · Reactcomponent for the Event Calendar
• CalendarFluid Functionalism · ReactMonth grid on DayPicker v10 for a single day or a range: one fluid hover highlight across one or two months that…
• Date Range PickerUI Lab · ReactPaints the range as you hover, then commits it on the second click.
• CalendarHextaUI · ReactA date grid for single, range and multiple selection, with sliding months, range previews and touch-sized days.
• Event CalendarSpaceUI · ReactDisplays scheduled events across day, week, and month views, making it easy for users to create and manage appointments.
• Cell To Card Calendar ExpansionCue Foundations · React
• Glass Date PickerOpaline · ReactGlass calendar with a gliding day bubble, and a capsule date picker.
• Heat CalendarbeUI · ReactCompose Grid, Tooltip and Legend, or omit children for the complete chart.
• Nothing ScheduledSpectrum UI · ReactA day rail with a now marker where any hour opens an inline composer.
• Mini CalendarUI Lab · ReactMonths slide past in the direction you travel.
• Date pickerHextaUI · ReactA button that opens a calendar in a popover, or a bottom sheet on phones, for single dates and ranges.
• Returns CalendarbeUI · ReactCompose Grid and Tooltip, or omit children for the complete chart.
• Tear Off CalendarUI Lab · ReactTear a day off to move forward, pull one back to go back.

Libraries with Animated calendar components

• beUI
• UI Lab
• Spectrum UI
• HextaUI
• Kokonut UI

Related categories

• Calendar Components
• React Calendar Components
• Tailwind CSS Calendar Components
• shadcn/ui Calendar Components
• Animated Data Display Components
• Animated Card Components
• Animated Chart Components
• Animated Carousel Components
• Animated Accordion Components
• Animated Stat Components
• Animated Collapsible Components
• Animated Card Stack Components
• Animated Counter Components
• Animated List Components
• Animated Avatar Components
• Animated Table Components
• Animated Tree View Components
• Animated Avatar Group Components
• Animated Line Chart Components
• Animated Timeline Components