Trending Society

@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

App store badge

@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

@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

@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

@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

@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

@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

@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

@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

@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

@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

@bash

Ledge’s frosted navigation pill expands into a staggered link panel; the plus becomes a minus.

Navigation1 package

AI cost card

Install

Live preview

Registry dependencies1

Packages1

AI cost card

Install

Live preview

Registry dependencies1

Packages1

Source

More from @bash, 40 components

The Signal

Install

Live preview

Registry dependencies1

Packages1

Install

Live preview

Registry dependencies1

Packages1

Source

More from @bash40, 40 components

More from @bash, 40 components