Xron UI

A modern, lightweight, and customizable UI component library built for multiple frontend frameworks.

Packages

Currently available on npm:

• @xron-ui/react
• @xron-ui/vue
• @xron-ui/angular

Planned packages:

• @xron-ui/svelte
• @xron-ui/solid

Project Structure

.
├── apps/
│   ├── storybook/
│   ├── storybook-vue/
│   └── storybook-angular/
├── packages/
│   ├── react/
│   ├── vue/
│   └── angular/
├── package.json
├── pnpm-workspace.yaml
└── pnpm-lock.yaml

Requirements

• Node.js 22+
• pnpm 10+

Installation

Clone the repository:

git clone https://github.com/yusronab/xron-ui.git
cd xron-ui

Install dependencies:

pnpm install

Development

React Package

cd packages/react
pnpm dev

Storybook

cd apps/storybook
pnpm storybook

Storybook will be available at:

http://localhost:6006

Build

Build the React package:

cd packages/react
pnpm build

Build Storybook:

cd apps/storybook
pnpm build-storybook

Technologies

• React
• TypeScript
• Vite
• Storybook
• Tailwind CSS
• Class Variance Authority
• pnpm Workspace

Contributing

Contributions, issues, and feature requests are welcome.

Please read CONTRIBUTING.md before submitting a pull request.

License

MIT License.