UIToolKity

A Small Responsive UI ToolKit for starting a new project A collection of small, responsive SCSS modular-based elements for any web project

UIToolKity Demo Page

This is only a brief summary of how a web page can look like using UIToolKity

This demo page contains all the elements that you can find in UIToolKity including CORE styles that are necessary for a consistent layout such as grid system, media queries, mixins, variables and functions, some of the UI COMPONENTS (buttons, forms, alerts, drop-down menu), and some of the BASE styles.

Grid System
Grid Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea, deserunt fugit, explicabo quia vitae aliquam. Earum sit iure aspernatur ratione obcaecati quidem autem nemo suscipit, rerum omnis iste unde odio. Ea, deserunt fugit, explicabo quia vitae aliquam. Consectetur adipisicing elit.

Grid Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea, deserunt fugit, explicabo quia vitae aliquam. Earum sit iure aspernatur ratione obcaecati quidem autem nemo suscipit, rerum omnis iste unde odio.

Images inside the Grid
Button Samples
Button Sizes
Forms
Contact Form
Custom Inputs
Alerts
This is an info alert message. ×
This is a success alert message. ×
This is a warning alert message. ×
This is an error alert message! ×