Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/vechai/vechaiui

A set of high-quality accessible React UI components with the built-in dark mode using Tailwind CSS. Pre-designed headless ui and radix-ui.
https://github.com/vechai/vechaiui

css dark-theme headlessui radix-ui react react-ui tailwindcss typescript ui

Last synced: 3 months ago
JSON representation

A set of high-quality accessible React UI components with the built-in dark mode using Tailwind CSS. Pre-designed headless ui and radix-ui.

Host: GitHub
URL: https://github.com/vechai/vechaiui
Owner: vechai
License: mit
Archived: true
Created: 2021-06-13T14:14:40.000Z (over 3 years ago)
Default Branch: main
Last Pushed: 2022-12-23T13:29:41.000Z (almost 2 years ago)
Last Synced: 2024-09-21T15:44:01.750Z (3 months ago)
Topics: css, dark-theme, headlessui, radix-ui, react, react-ui, tailwindcss, typescript, ui
Language: TypeScript
Homepage: https://www.vechaiui.com
Size: 3.52 MB
Stars: 1,229
Watchers: 14
Forks: 67
Open Issues: 14
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

react-cheatsheet - Vechai UI
awesome-list - vechaiui - quality accessible React UI components with the built-in dark mode using Tailwind CSS. Pre-designed headless ui and radix-ui. | vechai | 457 | (TypeScript)

README

# Vechai UI

Collection of Accessible React UI Components using TailwindCSS.

[![npm latest package](https://img.shields.io/npm/v/@vechaiui/react/latest.svg)](https://www.npmjs.com/package/@vechaiui/react)
[![npm downloads](https://img.shields.io/npm/dm/@vechaiui/react.svg)](https://www.npmjs.com/package/@vechaiui/react)

![](docs/public/themes/screenshot.png)

- Documentation: [vechaiui.com](https://www.vechaiui.com/getting-started)
- NPM: [@vechaiui/react](https://www.npmjs.com/package/@vechaiui/react)

## Ads 👻

Try [Tails Devtools](https://github.com/vechai/tails-devtools) - Browser extension for Tailwind CSS Developer

## ✨ Features

- 📦 A set of accessibility React components & pre-designed headlessui + radix-ui components.
- 🛠️ Written in TypeScript.
- 🌙 Built-in Dark mode.
- 🌈 Powerful theme customization.

## Installation

```
npm i @vechaiui/core @vechaiui/react @tailwindcss/forms
```

**Yarn**

```
yarn add @vechaiui/core @vechaiui/react @tailwindcss/forms
```

## Development

**Prerequisites**: Node.js v12+, Yarn v1.22+

After cloning this repo, run:

1. `yarn boot` to install all dependencies & build all packages.
2. `yarn start` to run storybook
3. `yarn docs:dev` to run document website

## Contributing

All contributions are welcome. Even, if you notice wrong information, typos, or grammar mistake (English is not my primary language). Feel free to open an issue or create a pull request.

## License