This website is built entirely with NebulaKit components. It serves as both documentation and a live showcase of the system in use. Every layout, interaction and styling decision you see here is produced by the same APIs available to developers using NebulaKit. By exploring the site, you can see how the components, patterns and constraints of the system behave in a real application.
The website reflects how NebulaKit is intended to be used in practice. Some surfaces inherit the active brand, while others define their color locally for semantic or contextual reasons.
NebulaKit
React UI system built on composition and prop inheritance, with strict rules governing component appearance and behavior. Designed to reduce UI entropy and keep interfaces consistent and maintainable as products grow over time.
Video hosted on YouTube. Playback may set cookies.
JSX is the primary development flow. CSS exists mainly as an internal implementation detail.
Pure composition drives all component behavior. Functionality is never duplicated.
Composed functionality flows through prop inheritance, not redefinition.
Semantic HTML is part of the component contract.
Styling concerns are separated and scoped to prevent interference.
All visual output is produced through a single drawing model.
Responsive behavior follows a single explicit model.
System constraints minimize UI entropy and optimize for long-term consistency.
Key areas of the system
All low-level building blocks are exposed for composing UI, allowing custom interfaces to be assembled quickly with full control and predictability.
Powerful layout components make arranging UI straightforward by using well-known techniques like Flexbox or CSS Grid.