Siber-ui

Components library for react and tailwind.

Components

• [ ] Action Panels
• [ ] Alerts
• [x] Avatars
• [x] Badges
• [ ] Breadcrumbs
• [x] Buttons
• [ ] Banners
• [ ] Containers
• [ ] Comboboxes
• [ ] Command Palettes
• [ ] Checkboxes
• [ ] Dividers
• [x] Dropdowns
• [ ] Empty States
• [ ] Feeds
• [ ] Grid Lists
• [ ] Input Groups
• [ ] List containers
• [ ] Modals
• [ ] Media Objects
• [ ] Notifications
• [ ] Pagination
• [ ] Panels
• [ ] Radio Groups
• [ ] Select Menus
• [ ] Stats
• [ ] Steps
• [ ] Slide-overs
• [ ] Stacked Lists
• [ ] Textareas
• [x] Toggles
• [ ] Tables
• [ ] Tabs
• [ ] Vertical Navigation

Quick Start

You can download and install siber-ui as a dependency on your project.

Using NPM

npm i siber-ui

Using Yarn

yarn add siber-ui

Using PNPM

pnpm i siber-ui

Example

First you will need to add the config in your tailwind.config.js

const withSiber = require('siber-ui/dist/utils/with-siber.js')

const config = {
  /* your custom tailwind config */
};

module.exports = withSiber(config);

Now you're good to go and use siber-ui in your project.

import { Button } from "siber-ui";

export default function Example() {
  return <Button>Button</Button>;
}