Trending Society

Margin Notes | UI components | Trending Society

More from @devl, 180 components

All @devl

Access Pass component
@devl
When an agent wants more access it hands you a boarding pass that says who, what and why; pick once, an hour or always, approve, and the stub tears off along the perforation into a little pass with a countdown and Revoke.
Other3 registry deps · 2 packages
Account Card component
@devl
The card behind your avatar: who you're signed in as, how far your profile has come and the one step to do next, plus your menu and theme.
Layout3 registry deps · 2 packages
Alert Rules component
@devl
An alert you write as a sentence: when error rate is above 2% for at least 5 minutes, only for checkout in production, page the on-call. A 30-day timeline shows which past incidents it would have caught, and warns you before it gets noisy.
Feedback5 registry deps · 4 packages
Backseat component
@devl
Nudge an agent while it works: type a note and it joins the plan as soon as the current step wraps up, or hit Interrupt to stop it right where it is.
Other3 registry deps · 2 packages
Bell Quiet component
@devl
Empty-state art for notifications: a sleepy bell breathing out little z's – hover and it startles awake with a tiny ring, then dozes off again.
Other1 registry dep · 1 package
Blur Rise component
@devl
Text that drifts up and comes into focus a letter or a word at a time as it scrolls into view, quick enough that nobody waits to read it.
Motion and effects1 registry dep · 1 package
Branch Graph component
@devl
A git log drawn as a graph: each branch gets its own coloured lane, merges sweep in on smooth curves, refs and tags sit on their commits, and hovering a row slides a detail card along with you.
Other1 registry dep · 2 packages
Browser Tabs component
@devl
A browser tab strip: drag tabs to reorder, close one and its neighbours slide in under your pointer, pin from the right-click menu, and scroll when the strip overflows.
Navigation2 registry deps · 2 packages
Card Deal component
@devl
A grid that deals itself out from one point like a hand of cards: each card flies to its slot tilted and settles flat, and a shuffle sweeps them back into the deck and deals a fresh order, even mid-flight.
Motion and effects1 registry dep · 1 package
Card Pile component
@devl
Notifications stacked like a small deck of cards: flick the top one away, or press Delete, and the next one steps forward.
Feedback2 registry deps · 2 packages
Card Stack component
@devl
Payment cards tucked in a stitched leather wallet – hover and they rise out in a fan, click the front one to lift it clear and flip it, or a peeking one to pull it forward.
Layout1 registry dep · 1 package
Carrier Bird component
@devl
A round little bird hops beside a sealed letter; press send and it hops over, grabs the envelope and flaps off on a dotted trail before a tick confirms it's sent.
Other2 registry deps · 2 packages

Margin Notes

Install

Live preview

Registry dependencies1

Packages1

Margin Notes

Install

Live preview

Registry dependencies1

Packages1

Source

More from @devl, 180 components

The Signal

Install

Live preview

Registry dependencies1

Packages1

Install

Live preview

Registry dependencies1

Packages1

Source

More from @devl180, 180 components

More from @devl, 180 components