naUI
⚠ This framework is currently under heavy development. For the latest feature details, updates, and discussions, join us on Discord.
Open source · MIT License

not another
UI Framework.

Lightweight, modular, zero-dependency. A clean na- prefix, plugin-based JS, and CSS custom properties for effortless theming.

Install Browse Components
0 Dependencies
12+ Components
<10kb Core Gzipped
<link rel="stylesheet" href="naui.css">
<script src="naui.js"></script>
<!-- a button -->
<button class="na-button na-button-primary">
  Hello naUI
</button>
<!-- a modal -->
<div class="na-modal-overlay" na-modal>
  <!-- ... -->
</div>
Built different

Why naUI?

Designed to grow with your project, one module at a time.

Install

Drop in naui.css and naui.js - two files, no build tools, no bundler, zero dependencies.

Get started

Components

Buttons, modals, navbars, dropdowns and more - every piece built with a flat, predictable na- prefix.

Browse components

Theming

Every colour, size, and radius is a CSS custom property. Override one variable and the whole system adapts - no Sass, no build step.

Learn theming

Snippets

Ready-made patterns built by the community. Grab a layout or a full page section and drop it straight into your project.

Browse snippets
Open Source · MIT License

Ready to build with naUI?

Start with the core, add modules as you need them. Ships in minutes.

Documentation Join Discord