This is a big update. We've focused on making Noodl easier to use, and faster, by improving things such as how a connection is made, extending the capabilities of the visual nodes, like Buttons and Sliders, having built-in icon libraries, and much more.
The documentation has also been updated with more tutorials and guides, check it out here: https://docs.noodl.net/2.4/#/tutorials/getting-started
Button: Support for label, icon and more styling features.
Checkbox: Support for label, icon and more styling features.
Dropdown: Renamed from Options. Support for label, icon and more styling features.
Radio Button: Support for label, icon and more styling features.
Slider: Renamed from Range. Support for more styling features.
Text Input: Support for label, icon and more styling features.
The For Each node has changed color and name and is now called “Repeater”. You can now also double click on Repeater nodes to navigate the component it creates.
New icon picker for selecting icons in nodes like the Button, Dropdown, Text Input, etc.
Style your elements differently depending on the state. Allows you to change the background color of a Button on hover, add an icon to a checkbox when it’s checked, and much more.
Set transitions between the different visual states
With the improved styling features, and visual states, you can often do an entire design only within the property panel. These can now be saved as “variants”.
Color picker has been refined and allows you to set the opacity/alpha
Color styles and text styles are now created, deleted and edited directly from the property panel. The styling panel in the sidebar has been removed.
New page nodes make it easier to define an URL for your pages, and to add inputs that are extracted from the URL. (e.g. /path/to/{input-name}, or myurl?inputName=value)
Pages have their own component type
The new Page Router makes it easier to manage all your pages
Query the database with a new query builder.
The user module has been deprecated in favor of the new built-in user nodes.
Inputs and outputs are now visually connected to the nodes you’re connecting to. Documentation is shown when hovering over a property, and signals are marked with an icon. It’s also smarter about hiding and disabling properties that are incompatible, like a signal being connected to a boolean.
Click on a visual element in the component canvas to select the corresponding node
New design makes it easier to find what you’re looking for, and to learn more about all the nodes
The documentation has a new look, and includes new guides and tutorials: https://docs.noodl.net/2.4/#/tutorials/getting-started