Launching today

Cartlify

Launching today

React + TypeScript UI kit for e-commerce storefronts

4 followers

React + TypeScript UI kit for e-commerce storefronts

4 followers

Visit website

Cartlify is a production-ready React + TypeScript component library for building e-commerce UIs fast. Ships with ProductCard (3 variants), CartDrawer, CheckoutStepper, PageLoader, 3 hooks (useCart, useDisclosure, useMediaQuery), 11 SVG icons, and 40+ CSS design tokens. Dark mode, WCAG 2.1 accessible, 141 Jest tests, tree-shakeable ESM/CJS. No CSS-in-JS. Works with Vite, Next.js, and Remix out of the box. Available free on npm. Full source + commercial license on Gumroad.

Free Options

Launch tags:Open Source•Website Builder•Developer Tools

Launch Team / Built With

Framer 3.0With Agents, Branching Community and an all-new design

Promoted

Maker

📌

Hey Product Hunt! 👋 I built Cartlify after rebuilding the same cart drawer, product card, and checkout stepper across four different client projects. Each time from scratch. So I packaged them properly. The hardest part was making Tailwind work internally without forcing consumers to install it — I compile it into a standalone globals.css at build time so it's just one import. It's free on npm (npm install cartlify) — the Gumroad version includes full TypeScript source code and a commercial license. Happy to answer any questions about the component design, accessibility patterns, or bundling setup!

Report

6d ago