Introduction
@luicn/roman is a React component library styled with Claude's warm design language. It includes 62 production-ready components, native light and dark themes, and dedicated primitives for conversational AI interfaces.
This documentation is built as a practical reference so teams can evaluate component behavior quickly, copy proven usage patterns, and move from idea to implementation without rebuilding design primitives from scratch.
Why teams use Roman
- Consistent visual language for product UIs, dashboards, and AI experiences.
- Component APIs compatible with modern React and Next.js workflows.
- Strong coverage across data entry, display, navigation, feedback, and AI surfaces.
Quick Start
npm install @luicn/romanUsage
import { Button } from "@luicn/roman";
export default function App() {
return <Button type="primary">Hello Roman</Button>;
}