Overview
Build commerce sites faster than ever
What is naseem?
naseem is a collection of reusable components and design patterns for building commerce sites. It’s a great way to speed up your design process and create a consistent look and feel across your site.
How are the components built?
All the components and block are built with React and styled with Tailwind CSS. This makes it easy to customize the look and feel of the components to match your brand.
Some of the components and blocks also implement shadcn/ui components and design patterns (e.g.: global styles, typography, spacing, etc).
Can I customize the components?
YES! You can customize the components however you like!
Since this is a "copy-paste" library, you can easily copy the components' code and paste it into your project (or install via the CLI). You can then modify the code to fit your needs, or use the components as a starting point for building your own.
Project structures
The library is made of components and blocks.
Components
Components are small, self-contained pieces of UI that can be used in multiple places across your site. They’re designed to be flexible and easy to customize. You can use components to build larger blocks or use them on their own.
Blocks
Blocks are larger pieces of UI that are normally made up of multiple components. They’re designed to be used in specific contexts, like a product page or a checkout flow. You can use blocks to build entire pages or sections of your site.
License
naseem is licensed under the MIT License. You are free to use it in personal and commercial projects. If you find it useful, please consider giving back by contributing to the project or spreading the word.
For more info see the LICENSE file.