Components
Interactive UI components for React.
DockmacOS-style dock with cursor magnification
Home
Overview selected
Spotlight CardCursor-tracking rim light and interior glow
System status
All systems normal
Website24 ms
API38 ms
Database12 ms
Move your pointer across the card.
Tilt Card3D perspective tilt with moving glare
Member 00422026
RR
Rohan P
Software engineer · designer
Cincinnatirohan.run
Confetti ButtonButton that fires a confetti burst on click
One task left
9 of 10 launch checks passed.
Number TickerOdometer digits that roll to new values
Revenue
↑ 8.4% from the previous period
Slide to ConfirmSlide-to-unlock control for risky actions
Deploy website
main · 8f4ac2d
Slide to deploy
Drag, or use Enter and arrow keys.
Scrub InputFigma-style drag-to-change number field
W180px
R16px
O0.90
Drag a label or type a value.
Preview
180px · 16px · 0.90Status ButtonAsync button with loading, success and error states
Runs alternate between success and error.
Compare SliderBefore/after comparison with a draggable divider
RR
RR
Orbit MenuResponsive radial menu for spatial quick actions
No action selected
Waveform ScrubberAccessible waveform playback with drag and keyboard seeking
Field recording · July 090:39 of 2:22
Play, drag the waveform, or use the arrow keys.
Hold ButtonPress-and-hold action with progress and cancellation
Release early to cancel.
Morph TabsAccessible tabs with a shared spring selection surface
Three ideas saved
Small details make an interface feel considered.
Swipe DeckStacked cards with gesture decisions, controls and undo
Weekend idea · 01
A quiet morning
Coffee, a long walk, and an hour with a book before the city wakes up.
2 hoursLow effort
Swipe or use ← →
Notification StackNotifications that fan out, dismiss and restore
Build finished
Production is ready to review.
Reorder ListSortable list with drag handles and keyboard controls
- Write the outline
- Build the prototype
- Test the interaction
- Ship the update