Trending Society

App store badge | 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
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
Expanding menu component
@bash
Ledge’s frosted navigation pill expands into a staggered link panel; the plus becomes a minus.
Navigation1 package

App store badge

Install

Live preview

Registry dependencies0

Packages0

App store badge

Install

Live preview

Registry dependencies0

Packages0

Source

More from @bash, 40 components

The Signal

Install

Live preview

Registry dependencies0

Packages0

Install

Live preview

Registry dependencies0

Packages0

Source

More from @bash40, 40 components

More from @bash, 40 components