https://github.com/vega-ui/ui
VegaUI Kit (Web)
https://github.com/vega-ui/ui
js ts typescript ui uikit web
Last synced: 3 months ago
JSON representation
VegaUI Kit (Web)
- Host: GitHub
- URL: https://github.com/vega-ui/ui
- Owner: vega-ui
- License: mit
- Created: 2025-05-06T19:07:49.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2026-03-30T20:01:24.000Z (3 months ago)
- Last Synced: 2026-04-01T01:58:15.029Z (3 months ago)
- Topics: js, ts, typescript, ui, uikit, web
- Language: TypeScript
- Homepage: https://vega-ui.github.io/ui/
- Size: 6.01 MB
- Stars: 7
- Watchers: 0
- Forks: 0
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# Vega UI Monorepo
React component library, written by developers for developers 🩵
## Installation
Install @vega-ui/react with
**npm:**
```bash
npm i @vega-ui/react
```
**yarn:**
```bash
yarn add @vega-ui/react
```
## Start
Connect the styles first. You can do this using a js file, however, we recommend that you connect using ``@import`` and defining layers so that there are no conflicts with specificity.
```css
@import url('@/shared/styles/normalize.css') layer(reset);
@import url('@vega-ui/react/style') layer(library);
@layer reset, library, components, overrides;
```
Setup fonts
**Next:**
```typescript jsx
import { Montserrat } from 'next/font/google';
const montserratSans = Montserrat({
subsets: ['latin', 'cyrillic'],
display: 'swap',
weight: ['400', '500', '700', '900']
});
```
**Google Fonts:**
```html
```
Start using
```typescript
import { Button } from '@vega-ui/react';
...
Hello, world!
```
## Running Tests
To run tests, run the following command
```bash
npm run test
```
## Contributing
Contributions are always welcome!
See `contributing.md` for ways to get started.
Please adhere to this project's `code of conduct`.