sigma-ui

  SIGMA-UI

SIGMA-UI is a Vue and Nuxt component collection. Copy the components into your project and edit the source.

It takes away the burden of recreating the same components from scratch for every new project, giving you components that you can quickly add and modify to your design system.

About

Website: https://sigma-ui.dev
NPM: https://www.npmjs.com/package/sigma-ui

Community links

Discord | YouTube | X (Twitter) | Telegram
Thanks to everyone who has been sharing this project with others!

Features

• Supported frameworks: Vue, Nuxt, Laravel, Astro.
• Supported languages: TS (all components are typed, JS projects are not supported).
• Supported vue versions: 3 and above.
• Supported style systems: CSS, Tailwind 4.
• Is open-source: Yes, MIT licensed.
• Accessibility: Supported.
• Based upon: Reka UI primitives.
• Installation method: Copy-paste components with the CLI. Each item is a shadcn registry item, served from https://sigma-ui.dev/r/{style}/{name}.json. The CLI writes the files into your project.

Usage

Step 1: Initialize SIGMA-UI config in your project:

npx sigma-ui init

Step 2: Add components to your project:

npx sigma-ui add

Step 3: Use the added components, modify their code to your needs.

Credits

Created, designed, and maintained by Aleksey Hoffman.

Special thanks to all the open-source projects and developers who have inspired and contributed to the foundation that led to the creation of this project:

• shadcn: the registry-item schema and the copy-paste distribution this CLI follows.
• Zernonia: open-source developer that created Reka-ui primitives which are used as the basis for this project.

License

Licensed under the MIT license.