UICollection
Arc CTA Section
A closing call-to-action section with an arc of images curving over the headline, a pill button and a three-up reassurance row.
Modern Hero
A centred landing hero on a soft aurora background, with a badge, gradient headline, dual CTAs and avatar social proof.
Pricing Table
A three-column pricing section with an animated monthly/yearly toggle and per-feature comparison.
Team Mosaic
A team section built from a cluster of portrait tiles on a staggered grid of empty ones, annotated with collaborative-cursor role pills.
Testimonial Grid
A masonry grid of quote cards with avatars, roles and star ratings, anchored by one dark featured card.
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.
CTA Button
A capsule call-to-action link: a blurred translucent ring around a gradient pill, with a white arrow disc pinned to its right edge.
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.
Empty Search
Zero-state illustration of a magnifier sweeping over empty result rows, with optional title and description.
Error 404
A not-found illustration where the zero in 404 breaks into two halves that drift apart, with a spark arcing across the gap.
Success Checkmark
A check that draws itself inside a soft disc, with a pulsing ring and an optional confetti burst.