Numl

Overview

Numl is a UI Design Language, UI Library of Web Components, and Runtime CSS Framework. It allows for the rapid building of interfaces that follow a Design System. It provides a comprehensive tool to compose and style web applications, with the ability to create simple interactions without writing JavaScript. Numl is based on unique CSS generation technology, providing control over all styles. It focuses on providing the best Developer Experience, with built-in helpers and solutions for routine UI development. Numl is compatible with most modern JS-frameworks and can be used as is or with lightweight wrappers for improved DX, SSR, and SEO.

Features

• All-in-one solution for building responsive interfaces and highly-customizable accessible elements
• Unique CSS generation technology for control over styles
• Developer-focused with built-in helpers and solutions for routine UI development
• Compatibility with most modern JS-frameworks for flexibility and improved DX, SSR, and SEO

Installation

To install Numl, follow these steps:

1. Add the following code snippet to your page:

<script src="https://cdn.jsdelivr.net/npm/numl@1.0.0/dist/numl.min.js"></script>

2. That’s it! You can now use all elements and features of Numl.

For more installation options and details, refer to the Numl Handbook.

Summary

Numl is a powerful UI Design Language, UI Library, and Runtime CSS Framework for building interfaces that follow a Design System. It offers unique CSS generation technology and focuses on providing an excellent Developer Experience. With compatibility with most modern JS-frameworks, Numl provides flexibility and improved DX, SSR, and SEO capabilities.