v1.0 — Stable

Build modern interfaces with Nexigrid

A complete CSS + JS framework: ready-made components, a flexible grid and native dark mode — fully brandable.

32+
Components
424KB
CSS size
794+
Design tokens
0
Dependencies
Why Nexigrid

Everything you need to ship UI

Ready components

Buttons, cards, tables and more, accessible by default.

Learn more

Flexible grid

Flex and lanes systems for any responsive layout.

Learn more

Native dark mode

Light and dark with a single data-theme attribute.

Learn more

Fully brandable

Override design tokens to match your brand fast.

Learn more
Developer experience

Clean markup, instant result

Drop in the classes and you are done — no build step, no config. What you write is what you ship.

index.html
<span class="ng-badge ng-badge-primary-soft">v1.0</span>
<button class="ng-btn ng-btn-primary">Get started</button>
<button class="ng-btn ng-btn-blue-sky-outline">Components</button>
<button class="ng-btn ng-btn-primary-soft">Docs</button>
Live preview
v1.0
Get started

Up and running in seconds

No build, no config. Link the files and start using the classes.

  1. 1

    Add style and JS

    Link the CSS and JS files.

  2. 2

    Use the classes

    Write ng- classes in your markup.

  3. 3

    Use the component

    Init interactive components via JS.

index.html
<!-- in <head> -->
<link rel="stylesheet" href="/nexigrid.css">

<!-- before </body> -->
<script type="module" src="/ng_core.js"></script>
<script type="module" src="/components.js"></script>

Ready to build with Nexigrid?

Start now — it is free and takes minutes.