Docs Components AI Blocks Charts Pricing

Docs Components AI Blocks Charts Pricing Introduction

Number Ticker Status Badge Avatar Group Timeline Kbd Credit Card Accordion Empty State Chat Bubble Relative Time Description List QR Code Countdown Activity Heatmap Stat Card Terminal Mini Calendar Tilt Card Notification Badge Flip Card Bento Grid Corner Ribbon Feature Table Sortable List Animated List Code Block JSON Viewer Page Header Bulk Action Bar Virtual List Scroll Reveal Data Table Kanban Board Schedule Calendar Notification Center Log Viewer Comment Thread Chat Thread Profile Card Rating Summary Product Card Diff Viewer Uptime Bars Steps Checklist Split Pane Settings List Scroll Area Package Info Animated Beam Test Results Schema Display Stack Trace Leaderboard Invoice Summary Request Waterfall Org Chart API Endpoint Gantt Chart Inbox List Audit Trail Permission Matrix Data Grid Editable Session List Changelog List Tree Map Toolbar Version History Mini Map Git Graph Poll Results Resource Usage Metric Comparison Token Usage Meter Tool Call Trace Event Card Keyboard Map Scrollbar Styles Feature Flag List Webhook Log Citation List Dependency List SLA Report Infinite Scroll Swipe Actions Activity Feed Stopwatch Calendar Month Timeline Swimlane Dashboard Grid Column Picker Type Scale Color Palette Contrast Checker Avatar Status Barcode World Clock Pivot Table Flame Graph Code Tour Env Diff Data List Regex Tester Theme Customizer Streak Tracker Order Tracking Live Cursors JSON Diff JWT Decoder Hexdump Viewer Spin Wheel Currency Converter Column Profile Anomaly List Threshold Editor Run Comparison A/B Test Result Slice Explorer Report Scheduler Data Diff Table Scroll Shadow Stick To Bottom Lazy Render Virtual Grid Sticky Stack Safe Area Client Only Density Toggle Custom Cursor Cursor Trail Cursor Glow Card Holographic Foil Card Elastic Drag Card Magnetic Grid Canvas Reveal Hover Split Screen Hover Parallax Layers Scroll Velocity Skew Logo Morph Wave Divider Line Draw on Scroll API Changelog Diff QR Login Release Health Feature Flag Rollout

Display

Activity Heatmap

Pro

A GitHub-style contribution grid — a week-by-week calendar of daily counts as a five-step color scale, with four data states.

Preview in your theme

Loading preview…

This component is part of Pro

The install command, prompt and concept map are included with a Pro license — one purchase unlocks every Pro component, forever.

Unlock with Pro

Countdown

A ticking days/hours/minutes/seconds countdown for launches and promotions, with a one-shot onComplete callback and SSR-safe hydration.

Stat Card

A KPI grid — label, big tabular figure and a tone-coded delta per metric — with loading, empty, error and ready driven by one contract.

ready

MonWedFri

JanFebMarAprMayJunJul

Less

More

loading

empty

No activity yet

error

Couldn't load activity

The data source didn't respond.