Skip to main content

Introduction

NUI CSS is a zero-configuration utility CSS framework designed for modern web applications.

It provides a collection of lightweight, predictable utility classes that allow developers to build layouts, spacing systems, and responsive interfaces without writing custom CSS.

Unlike configuration-heavy frameworks, NUI CSS ships as a fully compiled stylesheet that can be imported directly into any application.

Who is this for?​

NUI CSS is designed for:

  • Developers building modern web applications
  • Teams that prefer utility-first styling
  • Engineers who want predictable spacing and layout utilities
  • Design systems that rely on CSS variables and semantic tokens
  • Applications that require runtime theming (dark mode, brand themes)

Design Philosophy​

NUI CSS follows a small set of principles:

  • Zero configuration — No build plugins or configuration files required
  • Utility-first styling — Compose layouts using small reusable classes
  • Semantic tokens — Built on CSS variables for flexible theming
  • Predictable spacing scale — Consistent spacing across layouts
  • Framework agnostic — Works with any frontend framework

What this library is​

  • A utility-based CSS framework
  • A layout and spacing engine for modern UI
  • A styling foundation for the NUI component system
  • A lightweight alternative to heavy CSS frameworks

What this library is not​

  • A full design system
  • A component library
  • A CSS-in-JS framework
  • A configuration-heavy styling tool

Framework Compatibility​

NUI CSS works with all modern frontend environments:

  • Next.js
  • React
  • Vue
  • Svelte
  • Vite
  • Static HTML
  • Server-side rendering frameworks

Because it is pure CSS, it can be used in any environment that supports standard stylesheets.

Production Readiness​

NUI CSS is built with production applications in mind.

  • Minimal bundle size
  • Predictable class naming
  • CSS variable based theming
  • Compatible with SSR environments
  • No runtime JavaScript required

Next Steps​

Continue to the Getting Started guide to install and start using NUI CSS.