Demo

Demo

Dropdown

Defines different styles for a toggleable dropdown. Usage Any content, like a button, can toggle a dropdown. Just wrap the […]

Demo

Modal

Create modal dialogs with different styles and transitions. Usage The modal component consists of an overlay, a dialog and a

Demo

Scrollspy

Trigger events and animations while scrolling your page. Usage The scrollspy component listens to page scrolling and triggers events based

Demo

Switcher

Dynamically transition through different content panes. Usage The switcher component consists of a number of toggles and their related content

Demo

Icons

Place vector icons anywhere using an icon font. This component is using the fantastic Font Awesome icon font, a project

Demo

Panel

Create layout boxes with different styles. UIkit uses panels to outline certain sections of your content, which can be styled

Demo

Grid

Create a fully responsive, fluid and nestable grid layout. The grid system of UIkit follows the mobile-first approach and accomodates

Scroll to Top