Blog
Blog
Welcome to the PrimitiveKit blog! Here you’ll find updates, tutorials, and insights about building beautiful UIs with PrimitiveKit.
Coming Soon
We’re working on bringing you great content about:
- Component design patterns
- Accessibility best practices
- Customization techniques
- Framework-specific tips
- Performance optimization
- Real-world use cases
Stay tuned for updates!
In the meantime, check out our documentation to get started with PrimitiveKit.
Design Token Deep Dive
Design Token Deep DiveLearn how PrimitiveKit’s comprehensive design token system enables complete customization without touching component code. What are Design Tokens? Design tokens are the visual design atoms of your design system. They’re named entities that store visual design attributes like colors, spacing, typography, and more. Token Categories PrimitiveKit organizes tokens into logical categories: Colors --primitive-color-primary --primitive-color-secondary --primitive-color-success --primitive-color-danger Spacing --primitive-spacing-xs: 0.25rem --primitive-spacing-sm: 0.5rem --primitive-spacing-md: 1rem --primitive-spacing-lg: 1.5rem Typography --primitive-font-size-sm: 0.875rem --primitive-font-weight-normal: 400 --primitive-line-height-normal: 1.5 Customization Override tokens to match your brand:
January 20, 2024
Getting Started with PrimitiveKit
Getting Started with PrimitiveKitWelcome 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:
January 15, 2024
