Dev Design Library

Step Player

An iOS-style stepped progress track with a play, pause and replay control. The active step stretches into a bar that fills as it plays.

Step Player preview
Library
Rare UI
Framework
React
Type
ui
License
Commons-Clause+MIT
Dependencies
flubber, motion
Install
npx shadcn@latest add swamimalode07/rare-ui/step-player
Files
  • components/ui/step-player.tsx
  • lib/utils.ts
Source
https://github.com/swamimalode07/rare-ui

Categories

More from Rare UI