Minimal Luxury Interface Library

Built for
high-trust products

noir-ui is a copy-paste component system for teams who want strong product surfaces, disciplined hierarchy, and fast implementation without framework lock-in.

Browse 85 Components I'm Feeling Lucky
  • Vanilla HTML/CSS/JS
  • Shared init API
  • Strong A11y baseline

Component pages

85

Design families

10

Framework lock-in

0

Primary intent

App Surfaces

Editorial Typographic System

High-contrast hierarchy with serif headlines and mono metadata keeps dashboards legible and premium.

Surface-Driven Layout Primitives

Shells, rails, drawers, and resizable panels form reliable scaffolding for real product workflows.

Advanced Interaction Patterns

Command palette, context menu, date range, and toast stack work through one shared initialization API.

Copy-Paste Deployment

Open any component page, switch to Snippet or Integration tab, and move directly into implementation.

Composition Preview

app-shell + command-bar + table + inspector
/ search classes Export Apply

Inspector

Start Building

Use registry filters, open any component page, and copy implementation-ready markup in seconds.

Enter Registry I'm Feeling Lucky