Introduction

NUI is a library for Anvil that allows you to build advanced and highly customised UI that is easier to control. It also includes an HTML converter that converts any HTML snippet into a customizable anvil form.

It offers the following benefits out of the box

1

Customise Everything

NUI aims to allow users to customise everything about their UI as per their brand with as minimal effort as possible. All within the designer itself.

2

Anvil Designer Friendly

NUI is designed to keep the workflow within the Anvil designer as much as possible

3

Wider Range of Properties & Events

NUI components offer a wider range of properties and events, allowing you to have more control over your design. Still need more? That's also possible.

4

Use CSS anywhere

Apply CSS directly from the designer (no roles required). Get more control by defining CSS for specific states (hover, focus, etc.), and create and toggle between reusable presets. Best part? You can define CSS rules within the designer in a simpler syntax.

5

Better Structured HTML

NUI makes it easy to build properly structured pages with appropriate tags, making your apps more accessible and SEO-friendly

6

HTML to NUI Converter

It comes with an HTML-to-NUI converter that lets you convert any HTML design into an Anvil form with NUI components you can actually edit and add functionality to. This means you can now easily add HTML templates or AI-generated HTML designs.

7

Support for more Icons

NUI allows support for three popular libraries - Font Awesome, Material Icons, and Bootstrap Icons

8

Easier integration with JS

Allows a more simplified approach for adding custom JS events or DOM manipulation

Clone the Dependency

https://anvil.works/build#clone:3ACFHAQDBLLJX7FL=3N3YRJYIK4O23JVOG3HYCGPYanvil.works

This Library is still in testing and may have issues. You can report them on the forum - https://github.com/Divyesh06/nui-for-anvil/discussions