NX framework
A modular next gen framework built with ES6 and Web components. Includes routing, data-binding, event handling and animations.
Features
No features, maybe you want to suggest one?
Suggest and vote on featuresNX framework News & Activities
Highlights • All activities
Recent activities
POX added NX framework as alternative to Hono.dev
No comments or reviews, maybe you want to be first?
Post comment/reviewNX framework information
What is NX framework?
The NX core is a tiny library, responsible for one thing only. It allows you to create and combine components and middlewares. A component excutes its middlewares when it is attached to the DOM and gains all the added functionalities from them. NX comes with some core middlewares out of the box, which you can find listed below.
- Text interpolation: Interpolate values from the code into the view dynamically or one-time. Includes optional filters.
- Dynamic and custom attributes: Use one-time or dynamically evaluated native attributes or define some custom ones.
- Event handling: Add inline event handlers to listen on any event. Includes optional rate limiters.
- Visual flow: Use conditional blocks and loops inside the HTML view.
- Data binding: One-way, one-time or two-way data binding on any event and with no edge cases.
- Rendering: Modularize your HTML and CSS code by moving them into separate files for each component.
- Routing: Simple, but powerful routing with automatic parameter synchronization and router events.
- Dynamic styling: Simplify styling by passing objects to the style and class attributes.
- Animations: Create powerful animations by using only a few HTML attributes.
- Anything else you define with the simple 'function middleware (elem, state, next) {}' syntax.
These can be combined to create components with the desired functionality. Alternatively ready made core components can be extended and used, to avoid boilerplate code.