Demo

Easily create nicely looking buttons, which come in different styles. Usage To apply this component, add the .uk-button class to […]

Create a list of items, allowing each item’s content to be expanded and collapsed by clicking its header. Usage To

Easlily create nicely looking badges to label and highlight your content. Usage To create a badge, just add the .uk-badge

Create a multi-column, dynamic grid layout whose items can be sorted and filtered. The Dynamic Grid component allows you to

Create different thumbnail images, which come in various styles and sizes. Usage To apply this component, just add the .uk-thumbnail

Create a list of items to use as a responsive carousel slider The slider is a responsive display of elements

Create an image overlay, which comes in different styles. Usage This component can be applied to an image, an anchor

Create sets and groups of items, allowing to loop through the sets. Usage To apply this component, add the data-uk-slideset

Defines different styles for progress bars. Usage The progress bar consists of a background bar and the progress bar itself,

Animate CSS properties depending on the scroll position of the document. Usage To apply this component, add the data-uk-parallax attribute