Cartlify ships 4 polished components, 3 hooks, 11 icons, and a full design token system — with dark mode, WCAG 2.1 a11y, and 141 tests included. Drop it into any React 18 project and start shipping.
Every component ships with variants, accessibility, dark mode, and thorough tests. Zero glue code needed.
Beyond the four main components, Cartlify ships a complete set of building blocks.
useCart — add, remove, update, totalsuseDisclosure — open / close stateuseMediaQuery — SSR-safe breakpointsTree-shakeable icon components: Cart, Heart (filled), Star, Trash, Spinner, Chevrons ×2, Close, Check, Plus, Minus. All accept className and color props.
CSS custom properties covering colors, spacing, border-radius, shadows, motion duration, and touch targets — with full light + dark variants.
Button — 4 variants, 3 sizes, loading stateBadge — sale, new, out-of-stockIconButton — toggle, aria-pressedcn() — Tailwind class mergerformatPrice() — currency formattercalculateDiscount() — % off helper60+ stories with live controls, a11y checks, code snippets, and MDX docs. Your team's living component reference.
Install from the included package file. No npm publish account needed.
Full setup guide is inside README.md. Browser support: Chrome 90+, Firefox 90+, Safari 14+, Edge 90+.
No hidden gotchas. No TODO comments. No missing edge cases.
data-theme="dark" on root — zero extra code
aria-labels, focus traps, keyboard navigation throughout
Full type inference, no any, strict mode on
Jest + React Testing Library, all passing
Dual ESM / CJS — import only what you use
Pure Tailwind + CSS tokens — no runtime overhead
Vite, Next.js, CRA, Remix — all work out of the box
40+ CSS tokens + per-slot className overrides
No subscriptions. Pay once, yours forever.
30-day money-back guarantee
React 18+ is required. TypeScript 4.7–5.5 is supported. It works with Vite, Next.js 13+, Create React App, Remix, and any bundler that supports ESM or CJS.
Yes — Tailwind CSS 3.4+ is a peer dependency. Add Cartlify's dist/** path to your Tailwind content config and import cartlify/styles in your CSS entry point. The README covers the full setup in one page.
A single-site commercial license: build one end product — for yourself or a client — and ship it. You can't redistribute the source or sub-license it. Building multiple projects? Purchase a license per project.
Yes — 30-day money-back guarantee. If Cartlify doesn't work for your project, email karthikgs.softengg@gmail.com and I'll refund you, no questions asked.
Stop rebuilding the same components. Get Cartlify and focus on what makes your store unique.
Get Cartlify — $2930-day money-back guarantee · Instant download · Email support included