Next.js ecommerce kit
A whole shop, front to back: a storefront with collections, a filterable product grid and a cart drawer, a checkout from the cart to the order confirmation, and an order history for the customer account. The product gallery, reviews, price, quantity stepper, filters and coupon input are separate files, so product and category pages can be laid out your way. For stores and marketplaces on Next.js or Vite that want their own UI instead of a hosted theme.
Install the whole kit
The CLI copies every file into your project as source you own, with the npm packages and the Wingo UI hooks and helpers they need. Pro items need a Pro plan: run npx wingo-ui@latest login once first.
npx wingo-ui@latest add sheet select tabs toast storefront-page checkout-page order-history-page product-gallery cart-drawer quantity-stepper price filter-panel price-range reviews coupon-input checkout-steps order-tracker favorite-buttonOnly the free part, no account needed:
npx wingo-ui@latest add sheet select tabs toastThe Pro part
The 14 Pro items in this kit come with Wingo UI Pro, which unlocks all 374 items of the library: $8 a month, $80 a year or $150 once. Open any card to try the item live before you buy.
14-day refund on your first purchase of Pro or Lifetime, as long as you have not downloaded any Pro item yet. Refund policy
Free in this kit[4]
Sheet, Select, Tabs, Toast: free for personal and commercial projects, installed without an account under the Wingo UI license.
SheetFree
A React sheet that slides in from any edge on a spring for filters, a cart, an inspector or phone navigation, swipeable to close on touch.
SelectFree
A React select with search, groups, icons, virtualized rows and a hidden native select for forms.
TabsFree
React tabs with a sliding indicator that switch views of one page: underline for sections, pill for filters, segmented for a compact switch.
ToastFree
React toast notifications: mount one Toaster and call toast() from anywhere, with stacking, swipe to dismiss and a pause while you read.
Pro in this kit[14]
Every Pro item has a live, configurable preview anyone can open; the source comes with a Pro plan.
Storefront PagePro
A React ecommerce store template: free shipping bar, hero, collections, a filterable product grid with quick add, a cart drawer and reviews.
Checkout PagePro
A React checkout page from the cart to Order placed: an editable cart, four checkout steps and the order confirmation.
Order History PagePro
A React order history page for an ecommerce account: orders grouped by month with search and filters, and a full order detail beside them.
Product galleryPro
A React product gallery for detail pages: a swipeable photo stage that zooms under the mouse, a thumbnail rail and a full-screen viewer.
Cart drawerPro
A React shopping cart drawer: a side panel on desktop, a bottom sheet on phones, with undo, free delivery progress, a promo code and totals.
Quantity stepperPro
A React quantity stepper for carts and product pages, with stock hints, hold to repeat, rolling digits and an Add to cart morph.
PricePro
A React price component written the way shops print prices: a smaller currency, a struck old price with a discount chip, Negotiable, Free.
Filter panelPro
A React filter panel for faceted search: a sidebar that applies as you go on desktop, a full-height sheet with a live count on phones.
Price rangePro
A React price range filter: a histogram of the results over a two-thumb slider, synced min and max inputs, preset chips and a live count.
ReviewsPro
A React reviews section for products and sellers: average, stars, a 5 to 1 filter breakdown, and sortable reviews with photos and replies.
Coupon inputPro
A React coupon code input for carts and checkouts: a link that opens it, Apply inside the box, async checks and applied codes as chips.
Checkout stepsPro
A React multi-step checkout: address and invoice, delivery with lockers, payment and a review that places the order, beside a summary.
Order trackerPro
A React order tracker: status, arrival window, milestones, a courier route, the tracking number, shipment history and the order total.
Favorite buttonPro
A React favorite button: a heart that fills with a spring pop and a burst, keeps a count, saves optimistically and rolls back on failure.
More kits
- React SaaS dashboard kitThe admin area of a SaaS or back office: shell, KPI dashboard, users, settings and API keys.
- AI chat app kitA ChatGPT-style app: chat page, streaming thread, prompt composer, model picker and usage.
- Auth and onboarding kitLogin, sign-up and onboarding screens, plus the inputs and first-run helpers around them.
- Local business website kitWebsites for restaurants, clinics, salons and real estate agents, with booking and maps.
- Agency and portfolio website kitAn agency site and a personal portfolio, plus case study, about, team and testimonial parts.
Or browse all kits, the components and the page templates.