Uikit 3 Plugin for Joomla 3 and Joomla 4

This Plugin was made for our Uikit 3 Joomla Modules!

But you can use the Plugin also as a stand-alone version to use all the Uikit 3 components in your Joomla 3 or Joomla 4 template.

The changelog is available on the uikit changelog file.

Uikit 3 Slideshow Module

The Slideshow component is fully responsive and supports touch and swipe navigation as well as mouse drag for desktops. When swiping between slides, the animation literally sticks at your fingertips or mouse cursor.

It even accelerates to keep up with your pace when you click through previous and next navigation. All animations are hardware accelerated for a smoother performance.

Demo

Uikit 3 Slider Module

The Slider component is fully responsive and supports touch and swipe navigation as well as mouse drag for desktops. It even accelerates to keep up with your pace when you click through previous and next navigation. All animations are hardware accelerated for a smoother performance.

Demo

Uikit 3 Stripes Module

With the uikit 3 Stripe Module all possible scenarios can be mapped. You can slide pictures and text, as well as only pictures. You can set the number of slides separately for each screen size, making the slide set suitable for all devices such as tablets, phones, etc. In addition, the configuration is kept very simple, see demo.

Demo

Uikit 3 Grid Module

Create a fully responsive, fluid and nestable grid layout.

The Grid system of UIkit allows you to arrange block elements in columns. It works closely together with the Width component to determine how much space of the container each item will take up, and it can also be combined with the Flex component to align and order grid items.

Demo

Uikit 3 Accordion Module

Create a list of items that can be shown individually by clicking an item's header.

The Accordion component consists of a parent container with the uk-accordion attribute, and a title and content part for each accordion item.

Demo

Uikit 3 Portfolio Module

The Portfolio Module is a mix of the Uikit 3 Grid with Filter function and Modalbox. You can set different Portfolio, set a filter and open in a beautiful responsive Modalbox. To the Modalbox you can add images and text or only images and so on.

Demo

Uikit 3 Pricelist Module

The Uikit 3 Pricelist Module presents a nice table that changes depending on the screen size. Each box can contain an image, 4 headlines and a price. The price also has a tooltip that you can define individually for each column.

Demo

Uikit 3 Grid Gallery Module

The Uikit 3 Gallery Module for Joomla is made with the Uikit Grid with the Uikit Lightbox. In the Lightbox itself it´s possible to slide and fade the images with beautiful animations.

Demo

Uikit 3 Switcher Module

The Uikt 3 Switcher module consists of a number of toggles and their related content items. Add the uk-switcher attribute to a list element which contains the toggles. Add the headline to the element containing the content items.

Demo

Uikit 3 Video Slider

With the Uikit 3 video slideshow you can slide videos from Youtube or your own videos (mp4). The presentation is using the latest HTML5 video technology and has the following options for your own videos: Mute, Loop and Controls. These options are not available for YouTube videos.

Demo

Uikit 3 Skillbar Flat/CIrcle

The Flat Skillbar have 4 color options and its easy to setup. Just create a timeline and add the text. Within the Skillbar Circle you have more options. You can setup any color you want, the width and the percentage and many more.

Demo

Uikit 3 Timeline

A simple, plain, responsive, vertical timeline built with CSS and HTML unordered list. Within the module You can edit the color, the background, the Headline and all text styles.

Demo