/LUI

Less UI repo - responsive UI elements and mixins collection

Primary LanguageJavaScriptBSD 3-Clause "New" or "Revised" LicenseBSD-3-Clause

LUI - Less UI

LUI or "Less UI" is front-end framework made to make your coding easier. If you dont need all the stuff around you can just use our grid and mixins. Other UI stuff like forms/tables will be as "extra" package in the future

DISCONTINUED - only bug fixes will be released

LUI-3 - completely modular framework is now in making: https://github.com/LUI-3


big thanks to BrowserStack for supporting me with tool for testing! Go check them out https://www.browserstack.com/


How to use

@import "/path/to/lui/less/router.less"; // lui

@import "/path/to/project-styles/config.less"; // project settings
@import "/path/to/project-styles/theme.less"; // project styles

Awesome grid system

  • able to set both vertical and horizontal position of columns (!!!)
  • more resolutions, but if you dont need responsive, you can simply use static grid (!)
  • extra columns size for print (!!)
  • need 5, 7, 8, 9, 10 or 11 columns in grid? no problem!
  • flexbox FTW

UI stuff:

  • Responsive forms
  • Responsive table
  • Mobile friendly pagebar
  • FontAwesome!
  • Some buttons - also mobile friendly if you need

Mixins for:

  • animation
  • border-radius
  • box-sizing
  • clearing (using :before / :after)
  • filters (colors, contrast, ..)
  • flexbox
  • grandient
  • transform
  • transition
  • user-select

Supported/tested browsers:

Check WIKI for all supported browsers https://github.com/wUFr/LUI/wiki