blasc147/mate-ui

Mate-UI

Mate-UI is a fully customizable design system and component library, built from scratch 💪

This repository contains a documentation site built with Next 13 and a Storybook for visualizing components.

✨ This workspace has been generated by Nx, a Smart, fast and extensible build system. ✨

Documentation website Features

• Next.js 13 App Directory
• [Nx] build system (https://nx.dev)
• Tailwind CSS
• Icons from Heroicons
• Dark mode with next-themes(comming soon)
• Tailwind CSS class sorting, merging and linting.

Getting Started

Using NX

1. Clone the repository

git clone [repository-link]

2. Install dependencies

npm i

3. Run the documentation website development server :

npm run start

Open your browser and go to http://localhost:4200 to see the documentation website.

Storybook Features

• Radix UI Primitives
• Tailwind CSS
• Icons from Heroicons
• Tailwind CSS class sorting, merging and linting.
• Class variance authority

Run storybook website development server :

npm run start:storybook

Open your browser and go to http://localhost:4400 to see the storybook website.

Just Components & Their Dependencies

If you're only interested in extracting the components and their dependencies, you can find them in the packages/mate-ui/ directory. Feel free to use them in your projects.