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.
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.
40+ seed investments across developer tools, fintech, and health.
Founder-or-advisor card with a primary sparkle badge, italic former-role line, and LinkedIn plus Intro buttons.
Our team went from pitching mockups to shipping prod features in the same sprint. The switch paid for itself in one quarter.
Compact testimonial with a leading quote glyph, body paragraph, and an avatar byline underneath.
Conference speaker card with an avatar and mic chip, talk title on a muted strip, and stage and time.
Developer profile with a boxy mono avatar, github handle, stack chips, contributions, and streak flame.
Writing small notes about large systems.
Compact social hover card with avatar, handle, short bio, and a three-column posts/following/followers strip.
Create your first project to start shipping components to every workspace.
Dashed empty-state panel with an inbox tile, headline, supporting copy, and a dark CTA button.
Card with a label, headline value, and a row of vertical bars scaled to the data.
Thick donut ring with a centered percent, paired with an uppercase caption on the side.
Two horizontal bars comparing this period against the previous one.
Flat-fill pie beside a legend. Each slice picks a tone from a fixed six-color palette.
SVG line with a soft gradient fill beneath. Tone colors the stroke and fade.