Collection of components to build e-commerce sites and commerce apps. Built for React, Next.js, Tailwind CSS and shadcn/ui.
Official Docs »
Get started
·
Report Bug
·
Request Feature
Table of Contents
stackzero/commerce-ui is a collection of components to build e-commerce sites and commerce apps. It is built for React, Next.js, Tailwind CSS and shadcn/ui.
You can just copy and paste the components into your project and start building your e-commerce site. The components are built with Tailwind CSS and shadcn/ui.
This project contains a collection of:
- Components to build e-commerce sites and commerce apps.
- Blocks to create complex layouts and sections. These blocks are mainly built using the components.
- Pages to create complete pages and sections. These pages are built using the blocks and components.
All components, blocks and pages are ready to be copy-pasted into your project.
Since this project is a collection of components, you can just copy and paste the components into your project and start building your e-commerce site right away!
You can use the components in your project by copying and pasting the components from the official documentation.
For a quick start, we recommend using the CLI to install the components in your project. The CLI will automatically install the required dependencies and create the necessary files for you. Read more about the CLI in the official documentation.
This project uses tailwindcss v.4 as the utility-first CSS framework. Please follow the official tailwind documentation to get started using tailwindcss.
Some components also rely on shadcn/ui for the design system and motion/react for animations.
Check the installation guide for more information.
Any contributions you make are greatly appreciated!
If you have suggestions or have found a bug, feel free to open an issue.
For contributions please check the CONTRIBUTING.md file.
Distributed under the MIT License. See LICENSE.txt for more information.
Marcello - @marcellonov.bsky.social
Project Link: https://github.com/stackzero-labs/ui
This project would not have been possible without these awesome resources:
- Fumadocs - Amazing documentation tool, used to create the official documentation.
- Shadcn UI - Design system used to build the components that highly inspired this whole project.
- tailwind-motion - Cool and easy to use animations for tailwindcss.
- lucide-icons - Beautiful icons used in the project.
