Demo

Demo

Accordion

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

Demo

Badge

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

Demo

Dynamic Grid

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

Demo

Thumbnail

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

Demo

Slider

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

Demo

Overlay

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

Demo

Slideset

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

Demo

Progress

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

Demo

Parallax

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

Demo

Text

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

Scroll to Top