Noodel, short for node model, is a 4-way scroll-snap user interface for content trees that you can navigate by simply moving up, down, left and right. It offers a new way to present content that is clean, intuitive, and adaptable.
Noodel is currently available as Noodel.js, an open source JavaScript library for use in web projects.
Noodel eats its own dog food: it uses itself to present its own docs ;)
See the link above for everything you need to know!
- Basic example
- Styling example - example with extensive styling
- The Noodle Shop - an example of how you would dynamically control a site/app using Noodel's API
Noodel is targeted to work on all major modern browsers.
Support for IE 10 and 11 is best-effort only - Noodel should work on these browsers, but there may be quirks and bugs in some features.
IE 9 and below are not supported.
Contributions are most welcome! Please see here for details.
If you find Noodel useful or inspiring, please consider supporting the author via Paypal or Github Sponsors
MIT license
© 2019-2020 Zuohao (Jonny) Lu