Niui Versions Save

Lightweight, feature-rich, accessible front-end UI library

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