Skip to content

Latest commit

 

History

16 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

uiui

The uiui demo: a network console with filter sidebar, client table, throughput chart and detail drawer

A dense, dark, operations-console UI kit in plain HTML and one CSS file, inspired by the Unifi console. Pronounced YOO-ee-YOO-ee. Live at uiui.statico.io. Generated with Claude Code and Claude Fable 5.1. Like smui.statico.io or shadcn, but for network-console style interfaces: a style guide, a widget catalogue and full example pages that agents (and people) can copy from.

  • src/uiui.css — the whole library. Tokens, shell, widgets, dark and light themes. No build step, no JS.
  • docs/index.html — style guide with every widget and copyable HTML.
  • docs/examples/ — dashboard, clients, settings, policies, radios pages.
  • skill.md — instructions for agents: widget list, recipes, composition rules.
  • registry/uiui-theme.json — palette as a shadcn theme.
  • docs/llms.txt, docs/index.md — agent-readable entry points; /AGENTS.md on the site serves skill.md.

Use

<link rel="stylesheet" href="uiui.css">
<body class="ui">                 <!-- or class="ui light" / data-theme="light" -->
  <button class="ui-btn primary">Apply changes</button>
</body>

Icons are lucide (ISC), vendored as an SVG sprite in docs/vendor/. Serve over http; <use href> to an external sprite does not work from file://.

Preview

python3 -m http.server 8765
open http://127.0.0.1:8765/docs/

All names, addresses and identifiers in the examples are invented.

MIT.

About

🛰️ Dense console design system in one CSS file, inspired by the Unifi console. Pronounced YOO-ee-YOO-ee. Generated with Claude Code and Claude Fable 5.1.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Used by

Contributors

Languages