Cards

Content and summary containers.

+12.4%

$48,290

Revenue

+4.1%

2,340

Active users

-0.3%

1.8%

Churn rate

Stat Cards

A row of KPI cards with an icon, value and trend indicator.

ReactTailwind

Preview

(128)

Minimal Desk Lamp

Matte black aluminum

$89

Product Card

Image, rating, price and an add-to-cart button with a confirm state.

ReactTailwind

Preview

Engineering

Rebuilding our design system from the ground up

A look at how we moved to a token-based architecture and cut our CSS bundle by 40%.

Alex Rivera · Mar 12

Article Card

A horizontal layout with a thumbnail, category tag, title, excerpt and byline.

ReactTailwind

Preview

Sarah Chen

Product Design Lead

Building design systems that scale. Previously at Figma.

Profile Card

Avatar, name, role, a short bio and social links.

ReactTailwind

Preview

“We replaced three internal tools with this in a single afternoon. The component quality is on another level — nothing felt like it needed rework.”

Marcus Webb

Engineering Lead, Fenwick

Testimonial CardNew

Star rating, a quote and an attributed author with avatar.

ReactTailwind

Preview

Q4-report.pdf

2.4 MB

brand-assets.zip

18.1 MB

File CardNew

A file/attachment row with icon, size and a download button that confirms completion.

ReactTailwind

Preview