Demo

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

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

Provides the default style for all HTML elements. This component defines the base look of your page. It offers great

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

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

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

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

A basic collection of smooth animations to use within your page. Usage To apply this component, add any .uk-animation-* class

A collection of useful utility classes to style your content. Container Add the .uk-container class to a block element to