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.
Install / Use
/learn @vechai/VechaiuiREADME
Vechai UI
<div align="center"> Collection of Accessible React UI Components using TailwindCSS. </div>
- Documentation: vechaiui.com
- NPM: @vechaiui/react
Ads 👻
Try 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:
yarn bootto install all dependencies & build all packages.yarn startto run storybookyarn docs:devto 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
MIT License © 2021 pepelele
Related Skills
bluebubbles
335.8kUse when you need to send or manage iMessages via BlueBubbles (recommended iMessage integration). Calls go through the generic message tool with channel="bluebubbles".
slack
335.8kUse when you need to control Slack from OpenClaw via the slack tool, including reacting to messages or pinning/unpinning items in Slack channels or DMs.
frontend-design
82.7kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Writing Hookify Rules
82.7kThis skill should be used when the user asks to "create a hookify rule", "write a hook rule", "configure hookify", "add a hookify rule", or needs guidance on hookify rule syntax and patterns.
