niui 3.0 – Native Internet User Interface

Overpowered, undersized, accessible UI library

Just released the third major version of the niui web UI library. Here are some of its key points:

• Focused on helping devs solve tough UI problems like Carousel, Modal etc.
• Many features in small file size: 14 CSS + 12 KB JavaScript (which isn’t required)
• It doesn’t force default styling like rounded edges etc.
• Yet its minimal style is useful out of the box and themeable by optional CSS variables.
• Dozens of demo sites
• Available as either a minified global JS or ES module
• Edge cases welcome. Tooltip works outside of overflow: hidden container etc
• Native carousel with many options, including Lightbox. It uses native Scroll Snap Points, because swipe is the most natural way to browse a carousel. Other carousels using click-hold-move make it impossible to click and drag items in the slides
• Rich select that resolves back to native select
• Customisable Modal with <dialog>
• Accordion with optional grid with inline pop ins
• Accessible HTML structure with full keyboard control
• The library doesn’t affect other content on the page, because it’s limited to its CSS classes
• Disabled animation when the “prefers reduced motion” option is enabled
• Documentation with code snippets
• RTL ready
• Much more

niui.dev

github.com/radogado/niui