Trending Society

Stick progress bar | UI components | Trending Society

More from @bash, 40 components

All @bash

Account menu component
@bash
The account block at the foot of an app rail: avatar, name and role, opening upward into a frosted menu with the email, a highlight that slides between rows, icons that gesture as it lands, and a red Log out.
Navigation3 packages
AI cost card component
@bash
A spend card for estimated AI cost: the window's total with its change on the prior stretch, a 7D–ALL window switch, the split by kind of work as horizontal sticks with a figure legend, and one stacked-stick column per date that fills up bottom to top.
AI1 registry dep · 1 package
App store badge component
@bash
A two-line App Store or Google Play badge in the theme's ink: the store's glyph, a small lead-in and the store's name, solid or outlined.
Data display
Arrow button component
@bash
A pill whose small dot blooms to fill it on hover while the label slides out and returns beside an up-right arrow in inverted colours, without the pill changing width.
Buttons and actions2 packages
Breakdown dial component
@bash
A card with a 270° dial of 42 ticks split between a few groups, the total in its centre, and a row per group with its count and share; hovering a group isolates its ticks.
Other2 packages
Checkbox component
@bash
An animated checkbox: the box springs on hover and press, fills with the lead colour, and the tick draws itself in.
Forms3 packages
Count tabs component
@bash
An underlined tab row where each tab carries a count chip, the open tab in the lead colour with a 2px underline on the row's rule and its chip on the lead wash.
Navigation
CTA button component
@bash
A glass label pill and an accent disc touching at one point; on hover the pair lifts, the disc swallows its ring, the accent washes across the label and the arrow loops through the disc.
Buttons and actions1 package
Date range calendar component
@bash
A Monday-first range calendar that previews the span under the cursor, greys out days outside its bounds and jumps by month or typed year; plus a period dropdown whose "Custom range" step widens the same popover into the calendar.
Data display2 packages
Delete button component
@bash
A two-step delete (Delete, then Confirm with an X to back out) that ends in a Thanos snap: the button tears into dust through an SVG displacement filter. Ships with ThanosSnapEffect, a wrapper that snaps anything else the same way.
Buttons and actions2 packages
Dissolve input component
@bash
Ledge’s underlined login input, whose text dissolves into particles from right to left with a visible action button, on Enter or after a confirmed action.
Forms2 packages
Doodle portrait component
@bash
A portrait framed by the original animated doodle in the top left and its rotated copy in the bottom right.
Motion and effects1 package

Stick progress bar

Install

Live preview

Registry dependencies0

Packages1

Stick progress bar

Install

Live preview

Registry dependencies0

Packages1

Source

More from @bash, 40 components

The Signal

Install

Live preview

Registry dependencies0

Packages1

Install

Live preview

Registry dependencies0

Packages1

Source

More from @bash40, 40 components

More from @bash, 40 components