APPLICATION UI
Operations dashboard
A full service shell with navigation, workload status, tables, filters, and operational feedback.
OPEN SOURCE / CSS-FIRST
Interfaces for work that needs to be understood.
Building blocks for developer tools, operational dashboards, and evidence-rich reports. Use plain HTML and CSS — keep your framework, your data, and your runtime.
A complete interface built from the same
CSS primitivesInspect the example ↗
CSS FIRSTA design system, not a component runtime
FRAMEWORK AGNOSTICHTML, React, Astro, Vue, and more
FROM SCREEN TO PRINTOne visual grammar for interfaces and reports
01 / IN PRACTICE
See what it builds.
Components make more sense when they are doing real work. Start with complete compositions, then inspect the pieces.
STATIC REPORT
Reliability report
An evidence-oriented, print-ready platform report, rendered from ordinary HTML and CSS.
DESIGN SYSTEM
Theme playground
Change the accent, inspect generated color roles, and validate contrast without rebuilding your components.
02 / THE APPROACH
A small layer between your product and the browser.
Bronto UI supplies the tokens, accessible visual patterns, and narrow behaviors. The application keeps ownership of its state and business logic.
01
Bring your own framework
Composable classes and optional JavaScript behaviors. No app architecture to adopt.
02
One visual language
Shared typography, density, navigation, and semantic states across tools and reports.
03
Explain the data
Opt-in presentation primitives for annotations, evidence, charts, and printable reports.
03 / GET STARTED
Start with a stylesheet.
Install the package, import the styles, and write ordinary semantic markup. Bring in a behavior only when you need one.
Follow a complete first-component walkthrough
01 / INSTALL
npm install @ponchia/ui
02 / IMPORT · MAIN.JS
import '@ponchia/ui';
03 / MARKUP · INDEX.HTML
<button class="ui-button">Continue</button>
<span class="ui-badge ui-badge--success">Ready</span>Plain HTML without a bundler? Use the CDN stylesheet guide ↗
STILL EXPLORING?