Getting Started

Install `@timelycare/helix-ui` and render your first Helix page.

[!NOTE] Full setup detail lives in the helix-setup skill; this page is the human quick path.

Install

Helix is published to GitHub Packages as @timelycare/helix-ui.

npm install @timelycare/helix-ui

Styles

Add the three-line import to your globals.css (order matters):

@import "tailwindcss";
@import "tw-animate-css";
@import "@timelycare/helix-ui/styles.css";

First component

import { Button, Card, CardContent } from "@timelycare/helix-ui"

export default function Page() {
  return (
    <Card>
      <CardContent>
        <Button>Save changes</Button>
      </CardContent>
    </Card>
  )
}

Next steps