Build a Shopify storefront with a little more personality. Live Example

This free, open-source Next.js template combines a retro visual style with the foundations of a custom ecommerce experience. Built with React, TypeScript, and Tailwind CSS, it gives developers and creative brands a starting point they can make their own.

Browse products and collections, explore product details, select variants, and manage a shopping cart. Start with the included sample catalog, then connect your Shopify store through the Storefront API.

Responsive storefront layouts with retro styling and animated page transitions.

Product and collection pages, variant selection, and related products.

Shopping cart with quantity controls, item removal, and checkout handoff.

Blog feed with optional RSS integration.

Customizable navigation, branding, colors, and reusable UI components.

Product metadata, sitemap, and robots configuration.

Sample products and demo checkout for exploring the template before connecting Shopify.

Full source code, setup instructions, and Jest tests.

A useful foundation for developers building custom Shopify experiences, agencies starting client projects, or makers experimenting with headless ecommerce.

Setup: Requires familiarity with React and Next.js. Connect and configure your own Shopify store for live commerce. Account and subscription pages are UI examples; authentication and subscription provisioning require additional development. Hosting, Shopify, and payment fees are separate.

Free under the MIT license.