Superbyte UI · v1.0.0
Free & open source · MIT license

The admin dashboard that ships with everything.

Superbyte UI is a complete Bootstrap 5 admin kit — 47 ready-to-use pages, three navigation layouts, a live theme customizer and RTL support. Pure HTML, CSS and vanilla JS, fully offline.

bootstrap 5.3.3 · no build step · no CDN · offline-ready
superbyte23.github.io/superbyte-ui/preview/
47ready-made pages
3navigation modes
11layout presets
0CDN dependencies
Features

Built to be complete, not just pretty

Every page shares one consistent shell and the same design system, so what you see in the preview is exactly what you build on.

App shell

Fixed sidebar, top toolbar, global search, notifications and a user dropdown wired up and consistent across every page.

Layout modes

Vertical, horizontal and mini-sidebar navigation × fluid, boxed or contained content — all persisted via localStorage.

Theme customizer

Light/dark appearance, 18 accent colors, corner radius, font family and size, plus compact vs roomy density — saved per browser.

RTL support

A dedicated RTL preview flips the whole interface live using Bootstrap's RTL build and mirrored layout rules.

No build step

Static HTML, CSS and vanilla JS. Clone it, open a page, done. All libraries are vendored locally so it runs fully offline.

Reusable components

Buttons, cards, tables, forms, modals, tabs, editors, maps and charts — a component gallery covering real admin workflows.

Layouts

One shell, three navigation styles

Switch navigation and content width from any page — each combination is also available as its own preset page.

Theme customizer

Make it yours in seconds

The customizer ships in every page's toolbar. Pick an appearance, accent, radius and density — preferences persist via localStorage and apply instantly across the whole UI, charts included.

  • Dark / light appearance toggled from any page
  • 18 accent palettes re-color the entire design system
  • Radius, font family and base font size controls
  • Compact vs roomy density and fluid/boxed/contained widths
Try the customizer
Appearance
Dark
Light
Accent color
Corner radius
Tech stack

Vendored, versioned, zero CDN

Everything below ships inside the repository under vendor/ — no external requests at runtime.

HTML5 CSS3 + vanilla JS Bootstrap 5.3.3 Chart.js 4 ECharts Leaflet Quill CodeMirror HugeIcons

Ready to build something great?

Jump into the live demo, clone the repository, or open the docs to start customizing.