Getting Started with Studs

Welcome to Studs Design System! This guide will help you get up and running with our component library and design guidelines.

Installation

npm install @studs/core @studs/react

Basic Usage

import { Button } from '@studs/react';

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

Design Tokens

Studs provides a comprehensive set of design tokens for colors, typography, spacing, and more. These tokens help maintain consistency across your application.

import { tokens } from '@studs/core';

// Using color tokens
const primaryColor = tokens.colors.primary[500];

Next Steps

• Explore our Components library
• Learn about our Design Principles
• Read our Guidelines for best practices