Skip to content
Getting Started with PrimitiveKit

Getting Started with PrimitiveKit

January 15, 2024·
PrimitiveKit Team

Getting Started with PrimitiveKit

Welcome to PrimitiveKit! This guide will help you get up and running with our component library in just a few minutes.

Installation

Install PrimitiveKit using your preferred package manager:

npm install @primitivekit/react

Or with yarn:

yarn add @primitivekit/react

Basic Usage

Import components and start building:

import { Button, Card, Alert } from '@primitivekit/react';

function App() {
  return (
    <Card>
      <Alert variant="info">
        Welcome to PrimitiveKit!
      </Alert>
      <Button variant="primary">
        Get Started
      </Button>
    </Card>
  );
}

Design Tokens

PrimitiveKit uses 600+ design tokens for complete customization:

:root {
  --primitive-color-primary: #0ea5e9;
  --primitive-spacing-md: 1rem;
  --primitive-radius-md: 0.5rem;
}

Next Steps

Happy building! 🚀