Components/React Date and Time Components

React Date and Time Components

Calendars, clocks, and scheduling cards with personality. Each component is self-contained React and TypeScript, ready to copy or install with the shadcn CLI.

Free component
Task Cards

Task Cards

A swipeable project task card stack where each card has a unique accent colour, status badge, and due date. Drag left or right to cycle through tasks — springs back the dismissed card to the bottom of the deck.

View Component
Free component
Seven-Segment Clock

Seven-Segment Clock

A retro 7-segment LCD clock with pixel-grid overlay. Shows live HH:MM:SS with blinking colon, AM/PM indicator, day of week row, and full date.

View Component
Free component
Flip Calendar

Flip Calendar

A desk-calendar widget showing dates 1–31 with a satisfying flip-clock page-turn animation.

View Component