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.
<script type="module" src="https://email@example.com/dist/index.js"></script>
That's all! Now you can use all elements and features of Numl 🚀
Try to add a simple element:
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 startrun Numl Playground.
npm run buildbuild the library to
dist/index.js- ES6 tree-shaking friendly module. (Exports global
npm run devbuild the library, then keep rebuilding it whenever the source files change.
npm run testrun tests.
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: firstname.lastname@example.org
And here is our Discord. (Ask your questions here!)
Thanks goes to these wonderful people (emoji key):
💻 🐛 💼 🎨 📖 🤔 ⚠️
🐛 💼 🎨 📖 🤔 ⚠️
⚠️ 🐛 🤔
📖 ⚠️ 🐛 🤔
This project follows the all-contributors specification. Contributions of any kind welcome!