Composable UI

screenshot of Composable UI

An open source React and Next.js accelerator with a library of UI components to build composable commerce storefronts with best-in-class technologies and best practices.

Overview:

Composable UI is a framework for building fast and modern composable commerce sites. It is built using technologies like React, Next.js, Typescript, Chakra UI, React Query, and tRPC. It can be integrated with any headless commerce, CMS, and other MACH services. Composable UI comes with pre-integrated services like Algolia for product filtering, Stripe for payments, and mocked commerce and CMS services. It is an open-source project available under the MIT license.

Features:

  • Composable UI app built with React & Next.js
  • Figma Design Kit & Ready-to-Use Components Library
  • Documentation

Option 1: Run in Localhost

To run Composable UI locally, make sure you have Node.js v16.18.0 or higher and pnpm v8.0 or higher installed. Follow these steps:

  1. Install the necessary dependencies by running the following command in your terminal:
npm install
  1. Start the application by running:
npm run dev
  1. Access the application in your web browser at http://localhost:3000