Trending Society

To-do list | 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

To-do list

Install

Live preview

Registry dependencies0

Packages2

To-do list

Install

Live preview

Registry dependencies0

Packages2

Source

More from @bash, 40 components

The Signal

Install

Live preview

Registry dependencies0

Packages2

Install

Live preview

Registry dependencies0

Packages2

Source

More from @bash40, 40 components

More from @bash, 40 components