Skip to main content

Assets Templates Inspiration Components

Components/BeUI

Heat Calendar

Pro

Composable activity calendar with Grid, Legend, and Tooltip parts, controlled range selection, and UTC calendar dates. Supply weekly intensities to visualize activity and total a selected span.

Category: Charts & numbers
Built with: React, Tailwind, Motion
Installs: @floating-ui/dom clsx motion tailwind-merge
Files: heat-calendar.tsx + 18 more, a few lines of CSS

The prompt tells your agent to rebuild the styles on your project's tokens, so it fits in like it was made there.

BeUI

by Saurabh Chauhan

127 components

Copyright (c) 2026 Saurabh Chauhan. Open source, added by Craftwork. The license line stays in the copied code.

More like this

FreeActivity Dither Heatmap

FreeAnimated Circular Progress Bar

Number Animation Digit Swap

Number Animation Number Ticker