fried-ui

Beautiful, accessible React components for building modern web apps at scale.

Packages

Package	Description
@fried-ui/react	React component library
@fried-ui/styles	Theme engine, design tokens, and component presets

Quick Start

pnpm add @fried-ui/react @fried-ui/styles

@import "tailwindcss";
@import "@fried-ui/styles";

import { Button } from "@fried-ui/react/button";

<Button variant="primary" onPress={() => alert("Hello!")}>
  Click me
</Button>;

Development

pnpm install          # Install dependencies
pnpm dev              # Dev mode (all apps + packages)
pnpm build            # Build all
pnpm test             # Run tests
pnpm lint             # Lint
pnpm typecheck        # Type check
pnpm format           # Format check
pnpm dev:storybook    # Storybook on port 6006
pnpm dev:docs         # Docs on port 3001

Contributing

This project uses conventional commits and changesets for versioning.

pnpm changeset        # Add a changeset before submitting a PR

License

MIT