Numl is a UI Design Language, UI Library of Web Components, and Runtime CSS Framework for rapidly building interfaces that follow your Design System 🌈
Add the following code to your page.
via JsDelivr:
<script type="module" src="https://cdn.jsdelivr.net/npm/numl@1.1.2/dist/index.js"></script>
That's all! Now you can use all elements and features of Numl 🚀
Try to add a simple element:
<nu-btn>My button</nu-btn>
See our Handbook for more details and other ways to install Numl.
Numl is tested in the latest two versions of the following browsers:
Critical bug fixes in earlier versions will be addressed based on their severity and impact.
If you need to support IE11 or pre-Chromium Edge, this library isn't for you. Although web components can (to some degree) be polyfilled for legacy browsers, supporting them is outside the scope of this project. If you're using Numl in such a browser, you're gonna have a bad time.
npm start
run Numl Playground.npm run build
build the library to dist
:dist/index.js
- ES6 tree-shaking friendly module. (Exports global Nude
object)npm run dev
build the library, then keep rebuilding it whenever the source files change.npm run test
run tests.Run npm start
to view test page with few examples.
We are looking for contributors!
Numl is a big and ambitious project with open source that it has a unique approach in UI development.
Join us for creating a better Web for everyone!
If you want to join us or leave some feedback write to this email: inbox@numl.design
And here is our Discord. (Ask your questions here!)
Thanks goes to these wonderful people (emoji key):
Andrey Yamanov 💻 🐛 💼 🎨 📖 🤔 ⚠️ |
Shubham Kaushal 🐛 💼 🎨 📖 🤔 ⚠️ |
Nurbek Akhmedov ⚠️ 🐛 🤔 |
katrinLuna 📖 ⚠️ 🐛 🤔 |
Dmitry Patsura 📖 |
Andrey Skladchikov 🐛 🤔 |
Leonid Yakovlev 🤔 ⚠️ |
This project follows the all-contributors specification. Contributions of any kind welcome!
Version | Tag | Published |
---|---|---|
1.1.3 | latest | 10mos ago |
0.12.0-beta.4 | beta | 2yrs ago |