Getting Started

Get started with SickUI by installing the package and setting up your first component.

Installation

Install the package

npm install @sickui/core

Import styles

Add the CSS file to your app's root layout or main CSS file:

import '@sickui/core/dist/styles.css'

Configure Tailwind CSS

Add the SickUI source to your tailwind.config.js file:

module.exports = {
  content: [
    './src/**/*.{js,ts,jsx,tsx}',
    './node_modules/@sickui/core/dist/**/*.js',
  ],
  // ... rest of your config
}

Usage

Import and use components in your React application:

import { Button } from '@sickui/core'

function App() {
  return (
    <div>
      <Button>Click me</Button>
      <Button variant="outline">Outline</Button>
      <Button variant="ghost">Ghost</Button>
    </div>
  )
}

Next Steps