@geenius-ui/react

React UI component library with Tailwind CSS — by Geenius.

Installation

pnpm add @geenius-ui/react

Add to your Tailwind config:

content: ['./node_modules/@geenius-ui/*/src/**/*.{ts,tsx}']

Usage

import { Button, Card, Input, Badge } from '@geenius-ui/react'

function App() {
  return (
    <Card>
      <Input placeholder="Enter text" />
      <Button variant="primary">Submit</Button>
    </Card>
  )
}

Components

Form

Button Input Textarea Checkbox Switch RadioGroup Label Select Slider Toggle ToggleGroup

Display

Badge Chip Loading LoadingSpinner Tooltip CostDisplay Avatar Skeleton Progress

Layout

Card Section Table List ViewSwitcher Separator Breadcrumb ScrollArea Resizable

Interactive

Modal Tabs Dialog Sheet DropdownMenu Collapsible Alert AlertDialog Popover

Animation

AnimateIn AnimatePresence AnimateGroup

License

MIT