Skip to main content
STUDS provides a streamlined UI design system for React applications. To integrate it into your project, follow these steps.
@studs/react version 3.1.1 removed @studs/styles as a dependency

​
Step 1: Install the Studs package from NPM

To add STUDS to your React project, install the @studs/react package from NPM. This package contains the necessary components and styles to get you started. 
npm install @studs/react sonner

​
Step 2: Add the STUDS CSS

In your App.js or main entry file add the following line: 
import "@studs/react/styles";

​
Step 3: Use a STUDS Component

import { Button } from "@studs/react/button";

function App() {
  return <Button onClick={() => console.log("Button clicked")}>Button</Button>;
}
⌘I