UI Collection — React components, blocks and illustrations

Avatar

Displays a user profile image that degrades gracefully to coloured initials, with an optional presence dot.

Badge

A small label for statuses, categories, or counts, in soft tinted or solid fills.

Button

A soft-canvas button with slowly floating blurred blobs behind a crisp white border.

Editable Time Label

A time label that expands into a 24-hour format input on edit and collapses into a read-only text badge upon saving.