Dev Design Library

Apple Activity Card

Activity rings that draw with a count-up, lap past 100% with a shadowed end cap and dim to focus, built with React and Motion.

Apple Activity Card preview
Library
Kokonut UI
Framework
React
Type
component
License
MIT
Dependencies
motion
Install
npx shadcn@latest add @kokonutui/apple-activity-card
Files
  • components/kokonutui/apple-activity-card.tsx
  • lib/utils.ts
Source
https://github.com/kokonut-labs/kokonutui

Categories

More from Kokonut UI