Getting Started

Installation

Learn how to install and configure the Cephalopod Design System in your project.

1. Install Package

Install the design system via npm or yarn.

npm install cephalopod-design-system

2. Import Styles

Add the global CSS to your main entry file (e.g., main.tsx or _app.tsx).

import "cephalopod-design-system/dist/index.css"

3. Usage

Import components directly from the package.

import { Button } from "cephalopod-design-system"

export default function App() {
  return (
    <Button variant="default">
      Click me
    </Button>
  )
}

Built with Tailwind CSS v4Fully AccessibleType Safe