https://github.com/kushalpraja/clioui
ClioUI
https://github.com/kushalpraja/clioui
components frontend-library js npm storybook ts
Last synced: 7 months ago
JSON representation
ClioUI
- Host: GitHub
- URL: https://github.com/kushalpraja/clioui
- Owner: KushalPraja
- Created: 2025-02-17T04:15:14.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-03-04T21:38:37.000Z (11 months ago)
- Last Synced: 2025-03-04T22:28:16.381Z (11 months ago)
- Topics: components, frontend-library, js, npm, storybook, ts
- Language: TypeScript
- Homepage: https://www.npmjs.com/package/clio-ui
- Size: 1.14 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# CLIOUI
A React UI component library built with Radix UI and Tailwind CSS.
## Installation
```bash
npm install @yourscope/mojoui
```
## Setup
1. Install peer dependencies:
```bash
npm install tailwindcss @radix-ui/react-dialog @radix-ui/react-dropdown-menu @radix-ui/react-select @radix-ui/react-tabs @radix-ui/react-tooltip
```
2. Add to your tailwind.config.js:
```js
module.exports = {
content: [
'./node_modules/@yourscope/mojoui/dist/**/*.{js,ts,jsx,tsx}',
// ...your content paths
],
// ...rest of your config
}
```
## Usage
```tsx
import { Button, Dialog, Select } from '@yourscope/mojoui'
export default function App() {
return (
Click me
)
}
```
## Available Components
- Button
- Dialog
- Dropdown Menu
- Select
- Tabs
- Tooltip
## CLI Usage
Add components to your project:
```bash
npx mojoui add button
```
## Author ##
This libary was made by Kushal Prajapti. It is open-source
and it free to change/edit.
## License
MIT