@nouton/ui

Nouton AI components and design system built on HeroUI + Tailwind CSS v4.

Storybook: ui.nouton.com

Install

npm install @nouton/ui

Peer dependencies

npm install react react-dom @heroui/react tailwindcss

The ai (Vercel AI SDK) peer dependency is optional — only needed if you use the chat components.

Quick Start

Import the stylesheet once in your app entry:

import "@nouton/ui/index.css";

Then use components:

import { Button, Input, NoutonLogo } from "@nouton/ui";
import { PromptInput, Attachments } from "@nouton/ui";

Exports

| Specifier | Contents | | ---------------------- | ---------------------------------------------------- | | @nouton/ui | All components (HeroUI re-exports + chat components) | | @nouton/ui/index.css | Package stylesheet (Tailwind v4 + HeroUI theme) |

Development

npm install          # install dependencies
npm run storybook    # launch Storybook on :6006
npm run build        # build package (JS + types + CSS)
npm run typecheck    # type-check without emitting
npm run lint         # lint