Demo

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

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

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

Create a list of items to use as a responsive carousel slider The slider is a responsive display of elements that can […]

Create an image overlay, which comes in different styles. Usage This component can be applied to an image, an anchor or text. […]

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

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

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

A collection of useful text utility classes to style your content. Text styles UIkit offers various text utlities to style your text. […]

Make elements remain at the top of the viewport, like a sticky navbar. Usage To create an element that remains at the […]