Home
Projects
Resources
Alternatives
Blog
Sign In
Niui Versions
Save
Lightweight, feature-rich, accessible front-end UI library
Overview
Versions
Reviews
Resources
v3.0.5
1 year ago
New Carousel
New Modal
Prefixed BEM CSS classes
Theming + dark mode
ES module
More accessibility
More Navigation options
More Accordion options
v2.2.4
3 years ago
Rich select
Fold group with only one fold open at a time
Mobile headlines hyphenated
WordPress now has auto dark mode
Defocusable fold
niui-preload.min.js in head to adjust baseline height compensation as elements are created (with ResizeObserver) and avoid jump
Using <button> elements where applicable, instead of tabindex=0 (Fold, Slider/tabs/lightbox, Modal, Sortable tables)
v2.1
4 years ago
Non-invasive parallax with JS instead of layout-breaking CSS transforms
Height compensation according to line height (on .n-adjust-height elements)
Tooltip: edge-aware, attached to body (to solve overflow clipping)
Drop nav mobile: closing animation when another item is opening
Drop nav: edge-aware drop-downs (to avoid overflowing outside of screen)
Headlines with margin not padding
v2.0
5 years ago
Unique class names
Inline aspect ratio container
Overlapping fade in/out slider transition
Syntax highlighting in the docs
Seamless loading by pre-filled tabs/lightbox
Color scheme
WordPress images with aspect ratio and captions
v1.13
5 years ago
Slider: animated height change
Components in their own directories
Dynamic components via MutationObserver
Lite version with essential components only, ~10K (7K CSS + 4K JS). Excludes slider, parallax, modal, ligthbox, grid with inline popups, fold, card
Proper modals for iOS Safari
v1.12
6 years ago
Switch inline lightbox to full screen
Grid with inline popups
Multiple auto-sliding sliders
Lightbox peeking at neighboring slides
Guide: button to copy HTML snippets to clipboard
JS encapsulation with exported functions like nui.animate()
Dynamically add components
NPM install
v1.11
6 years ago
Keyboard access to drop nav, fold, lightbox, slider, tabs, form, modal, tool tips
Slider with detached nav
Slider opening at a slide whose id matches URI hash
Lightbox mobile with smaller controls, larger images
WordPress: Crop tall galleries on home/search/archive pages
Modal window auto-opening when id matches URI hash
v1.10
6 years ago
Buttons groups
Multiple modals/lightboxes
Custom open/close animation for modal/lightbox
Separate CSS for dynamic content
Vertically-centered slides
Horizontal fold
v1.9
6 years ago
CSS variables in grid
Lightbox: inline, loading animation, zoom and scan
Copy to clipboard indication
notify()
timeout option
Focused slider keyboard control
Old browsers CSS-only
v1.8
7 years ago
Guide
Proper touch support
Scroll effects
Lightbox with thumbnails
iframe in lightbox
Slider with outside controls
Accordion with truncated content
« Previous
Next »
Home
Projects
Resources
Alternatives
Blog
Sign In
Sign In to OSA
I agree with
Terms of Service
and
Privacy Policy
Sign In with Github