hurl-ui

A front-end framework. For specific documentation, please visit https://multidev.herokuapp.com/HurlUI

Usage no npm install needed!

<script type="module">
  import hurlUi from 'https://cdn.skypack.dev/hurl-ui';
</script>

README

hurl-ui

A front-end framework. For specific documentation, please visit https://multidev.herokuapp.com/HurlUI

Description:

  • Container, a basic responsive grid system.
    • Container Fluid
  • Grid System, java UI grid system
    • col-ex-* for exact grid system
    • col-* grid system will mix combine items in mobile look.
  • Text color and Background color
    • Background:
      • bg-dark, a dark background with light text
      • bg-light, a light background with dark text
      • bg-black, exact dark background color
      • bg-white, exact white background color
    • Text Color:
      • text-dark, color a text with dark color
      • text-light, color a text with light color
      • text-danger, color a text with red color
      • text-success, color a text with green color
      • text-warning, color a text with yellow color
      • text-blur, reduce opacity of a text to 70%;
    • Theme, a theme of a page,
      • Dark theme, background dark with light text
      • Light theme, background light with dark text
  • Box:
    • box-image
    • box-title
    • box-text
    • box-shadow
  • Form:
    • form-group
    • form-label
    • form-control
    • form-hover
  • Navbar:
    • navbar
    • nav-list
    • nav-logo
    • nav-item
    • nav-icon
    • fixed-top
    • fixed-bottom
  • table:
    • table-border
    • table-white-black
    • table-black-white
  • image:
    • img-frame
    • img-hover