Nest CSS

A modern, layered CSS framework for scalable design systems. Built for rapid prototyping and robust production use, with first-class support for design tokens, utilities, and component styling.

---

Features

• Layered architecture: tokens, base, utilities, components
• Modern CSS: nesting, custom properties, and more
• Easy integration: NPM, CDN, React, Angular
• Automated versioning and CI/CD

---

Installation

NPM

1npm install @nestui/core

CDN

1<link
2  rel="stylesheet"
3  href="https://cdn.jsdelivr.net/npm/@nestui/core@0.1.0/dist/nest.css"
4/>

---

Usage

Basic HTML

1<button class="btn">Click me</button>

React

1import "@nestui/core/dist/nest.css";
2
3export function App() {
4  return <button className="btn">Click me</button>;
5}

Angular

Add to angular.json:

1"styles": ["node_modules/@nestui/core/dist/nest.css"]

---

File Structure

/src
  /base
  /components
  /tokens
  /utilities
/dist
/demo

---

License

MIT