About WebUI

WebUI is a little different to most other CSS frameworks due to an emphasis on flexibility and creativity. Although most frameworks do attempt to provide flexibility, they often enforce a particular approach or style, and come with too many limitations. WebUI has been build from the ground up with flexibility as the primary goal - even the components are made that way. WebUI is a system that allows you to invent new designs, and provides simple building blocks to construct much larger CSS components. Complex data entry forms can be created in a precise layout using the built-in grid system that doesn't throw any surprises. Add responsive behaviour exactly where you want it, with the flexibility to create fixed non-responsive layouts or layout sections.

Be creative. Start something amazing today!

Current version: 10.2.2

MIT License (MIT) Copyright (c) 2010 - 2020 AsyncDesign.
11.x
10.x
Home
Getting Started
Installation
What's Included
Useage
Flexbox Layouts
Grid Layouts
Adding Content
Adding Color
Accessibility
CSS
JS
11.x 10.x
Media
WebUI
A fully responsive CSS framework for modern browsers
Current version 10.2.2
Mobile and desktop
Grid System
Create accurate layouts with a grid that is simple and easy to use. Great flexibility included.
Flexbox
Add flexbox capabilities to any layout with a full range of utility classes.
Shapes
Use various shapes including transform, clip-path, razor-blade, and custom shapes.
Toggle Container
Use the toggle container for off-canvas menus, fly-out menus, accordions, transition effects, and more.
Tooltips
Add tooltips that adapt intelligently, with viewport boundary collision detection built in.
Alerts
Use alerts with features including animated stacking, positioning and transition effects.
Upload Component
Customise upload controls with many utility classes, including upload files list customisation.
Tabs
Experience amazing flexibility and customisation options with the multi-instance tabs control.
Modals
Create custom modals in various sizes that automatically adapt to screen size.
Radial Control
Create stunning radial menus or fly-out segments for pleasing mobile experiences.
Menus
Choose from various mobile or desktop menus, or build custom menus using the pre-defined styles.
Carousel Control
Make image slides with vertical and horizontal transition options, as well as fade effects.
Arriving soon... Updated WebUI themes using WebUI 10.x latest.
WebUI themes to get you started. All open source and easy to customize.
Ecommerce fashion theme
(In development)
theme_ecommerce_fashion
Sales dashboard theme
(In development)
theme_dashboard_sales
No custom CSS or javascript, just the standard WebUI and Slick carousel or Chart.js so you can add your mark!
Flexibility built in
Whether you just want to knock out a quick demo or a public website, WebUI has what you need. If WebUI doesn't have a component out of the box, you will find it easy to build your own custom components, such as menus, tabs, form controls, and cards. There's also a set of form validation functions that will highlight and initialise form fields for you, and if you really want to take control you can use some of the helper functions for media breakpoints, element viewport status, color shades, and many form control utility functions. WebUI will enable you to give your company a great public face.
Build WebUI CSS and JavaScript with the Webpack configuration and source files provided with the download.
Initialise components globally with the option to override many configuration settings individually.