Getting Started with PrimitiveKit
Getting Started with PrimitiveKit
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/reactOr with yarn:
yarn add @primitivekit/reactBasic 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
- Explore the Component Documentation
- Learn about Design Tokens
- Check out Customization Guide
Happy building! 🚀