Introducing Roman
v0.1.0 — Now available on npm Build your next app with
Claude's design language
A set of beautifully designed components that you can customize, extend, and build on. Warm aesthetics. Dark & light themes. AI-ready.
$ npx @luicn/roman initPerformance
Speed is a feature
Every component is optimized for instant interactions. No bloat, no lag — just your UI, ready.
0+
ComponentsReady to ship0kb
Avg sizePer component0fps
AnimationsButtery smooth0
Runtime overheadPure CSS tokensLighthouse Score
98 / 100Initial Load42ms
Interaction Ready68ms
Theme Switch0ms
First Paint18ms
More Examples
Everything you need
From data tables and analytics to verification flows and AI reasoning traces — Roman covers every surface of a modern product.
AI-Native
Built for AI products
Six dedicated primitives for conversational interfaces, reasoning traces, and multimodal input — so you can ship AI experiences without building from scratch.
BubbleRender conversational messages with markdown, streaming indicators, and avatar placement out of the box.
SenderA composable message input with submit handling, keyboard shortcuts, and auto-resize built in.
PromptsDisplay contextual suggestions users can tap to fill the composer — perfect for onboarding flows.
ThoughtChainVisualize multi-step reasoning traces so users can follow the model's chain of thought.
AttachmentsDrag-and-drop file uploads with preview thumbnails, progress bars, and remove actions.
WelcomeA first-run greeting screen with customizable icon, title, and suggested starter prompts.
Components
Here you can find all the components available in the library. 62 components and counting.
AlertAttachmentsAutoCompleteAvatarBadgeBreadcrumbBubbleButtonCardCheckboxCollapseColorPickerConversationsDatePickerDescriptionsDialogDividerDrawerDropdownEmptyFlexFloatButtonFormImageInputInputNumberLabelListMentionsMenuModalOTPPaginationPopconfirmPopoverProgressPromptsRadioRateResultSegmentedSelectSenderSkeletonSliderSpaceSpinStatisticStepsSuggestionSwitchTableTabsTagThoughtChainTimePickerTimelineTooltipTourTypographyUploadWelcome
@luicn/roman · Claude-themed React UI
