Compact, self-contained widgets that behave like assets. Drop them into any block, card, or page to add a small touch of polish without rewriting the surrounding UI.
KPI label, a bold value, and a signed percentage trend badge.
Mini SVG line plotting any number array. Tone sets the stroke color.
Sale price next to a struck-through original, with a rose discount badge.
Avatar with name, role, and a presence dot in emerald, amber, or slate.
Checkable todo row with priority chip and due caption. Done tasks strike through.
Bell icon with a rose count badge and an optional label. Counts over 99 clamp to 99+.
/v1/payment_intentsHTTP method chip paired with a monospace path and a short summary line.
Pricing tier with a headline amount, period, and a stack of check-marked features. Featured tier flips to primary.
Package icon paired with an order ID, item count, a colored status dot, and an optional ETA.
Compact commerce tile with a warm gradient thumbnail, overlay tag, save heart, and a strikethrough original price.
Standard plan tile with a uppercase name, big price, tagline, four feature bullets, and an outline CTA.
Highlighted plan with a gradient border, Most popular badge on top, and a filled gradient CTA button.
Plan picker with a monthly vs yearly pill toggle, dynamic price, and a savings chip on the yearly side.
Consumption plan card with a per-unit rate, a bubble of included volume, and an overage note below.
Inverted plan card in foreground paint, showing enterprise callouts and a contact-sales CTA.
Limited-offer card with a rose discount tag, ticking countdown, strikethrough original, and bold sale price.
Vibrant gradient voucher with a denomination, brand mark, mono redemption code chip, and expiry.
Subscription status card showing plan name, amount, renewal date, a usage bar, and manage or upgrade buttons.
One-time credit bundle card with a coin tile, bonus chip, per-credit rate, and a Top up CTA.
Designing the tooling that ships millions of components every week.
User profile card with a gradient avatar, role, location, a short bio, and a trailing social icon button.
Directory row with an avatar carrying a presence dot, name, title, department, and a message button.
Shipping tiny tools for bigger teams. Runs, coffee, small synths.
Social profile card with a Follow or Following pill, a bio, follower count, and a mutuals line.
Printed-feel contact card with a decorative corner orb and rows for email, phone, and website.
Mini org-chart card with a manager node branching down into three direct-report avatars.