+

Introduction






Get stated with PixelzUI, very flexible front-end framework for building mobile-first websites. PixelzUI provides basic (primary) UI components including thirteen CSS components and four JS components at startup to design a beautiful, responsive and compatible web-pages, web-apps, websites and templates. We are designing other components as well for our designers.
  1. Download the .zip package file from download button at home page.
  2. Add px-ui.min.css, jquery.min.js and px-ui.min.js in the <header> of your HTML file as illustrated below.
    <link rel="stylesheet"
    type="text/css"
    href="_dir_/pixelzui/css/px-ui.min.css">
    <script type="text/javascript"
    src="_dir_/pixelzui/js/jquery.min.js"></script>
    <script type="text/javascript"
    src="_dir_/pixelzui/js/px-ui.min.js"></script>

Types

Followings are the CSS and JS Web-UI components for designing.

CSS components

  1. Typography
  2. Colors
  3. Containers
  4. Verticals
  5. Grid Systems
  6. Scrollbars
  7. Buttons
  8. Togglers
  9. Input Fields
  10. Social Icons
  11. Panels
  12. Badges
  13. Shapes

JS components

  1. Navbars
  2. Back-to-Top
  3. Pre-loaders
  4. Alerts

How to use

  1. Read out the introduction and types of each UI component.
  2. Remember the classes and usage in their specified sections.
  3. Check out the examples at demo section.
  4. Go to editor section, change the classes as your on choice.
  5. Finally, copy that code and place it in your scripts.

Leave a Reply

Your email address will not be published. Required fields are marked.