@geenius-ui/solid

Solid UI component library with Tailwind CSS — by Geenius.

Installation

pnpm add @geenius-ui/solid

Add to your Tailwind config:

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

Usage

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

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 Avatar Skeleton Progress

Layout

Card Section Table List ViewSwitcher Separator ScrollArea Resizable

Interactive

Modal Tabs Dialog Sheet DropdownMenu Collapsible Alert AlertDialog Popover

Animation

AnimateIn AnimatePresence AnimateGroup

License

MIT