Install Nexigrid
Drop two files in your page and start writing ng- classes. No build step, no dependencies.
Add styles & scripts
Link the stylesheet in the head and the core scripts before the closing body. Add the JS of each interactive component you use.
<!-- in <head> -->
<link rel="stylesheet" href="/assets/css/nexigrid.css">
<!-- before </body> -->
<script type="module" src="/assets/js/ng_core.js"></script>
<script type="module" src="/assets/js/ng_observer.js"></script>
<script type="module" src="/assets/js/ng_dropdown.js"></script>File structure
The framework ships as plain files — copy the dist into your project, no bundler required.
assets/
css/
nexigrid.css
js/
ng_core.js
ng_observer.js
ng_<component>.js
fonts/
inter/ phosphor/Your first component
Write the markup with ng- classes. CSS-only components work instantly; interactive ones mount automatically.
<button class="ng-btn ng-btn-primary">Get started</button>
<span class="ng-badge ng-badge-success-soft">Ready</span>
Ready
Dark mode
Switch theme with a single data-theme attribute, or toggle it from JS.
<!-- default theme -->
<html data-theme="dark"> … </html>
<!-- toggle from JS -->
<button data-theme-toggle>Toggle theme</button>Source code
Clone the repository or browse the code on GitHub.
git clone https://github.com/DevonMax/nexigrid.git