softy-ui

A React UI component library with direct root imports:

import { Button, Card, Dialog } from "softy-ui";

Install

npm install softy-ui

react and react-dom are peer dependencies and should already exist in the host app.

Usage

import { Button, Input, Toaster } from "softy-ui";

export function App() {
  return (
    <>
      <Button>Save changes</Button>
      <Input placeholder="Email" />
      <Toaster />
    </>
  );
}

Styles

Component styles are loaded automatically when the package is imported.

If your framework prefers an explicit stylesheet import, a fallback entrypoint is also available:

import "softy-ui/styles.css";

Theming

The library uses CSS custom properties for theming. Override the published variables in your app to customize colors, radius, and related tokens.