@photoroom/ui

Photoroom design system — ~222 React components, icons, and styles.

Install

npm install @photoroom/ui @photoroom/icons

Usage

import { Button, Tooltip } from "@photoroom/ui";
import { SparklesIcon } from "@photoroom/icons";
import "@photoroom/ui/styles.css";

function App() {
  return (
    <Tooltip content="Generate with AI">
      <Button variant="primary">
        <SparklesIcon /> Generate
      </Button>
    </Tooltip>
  );
}

What's included

• ~222 React components — buttons, inputs, dialogs, dropdowns, navigation, cards, editor tools, and more
• Compiled CSS — all Tailwind styles in a single styles.css import
• TypeScript declarations — full type safety out of the box
• Tailwind config — extend our theme with import "@photoroom/ui/tailwind.config"

Links

• Setup guide (Notion) — full guide for all platforms (Claude Cowork, Bolt, Lovable, local)
• Storybook — browse components visually
• Source