UIkit 2.5 – Upload, autocomplete, placeholder, dotnav and slidenav

Today we would like to introduce UIkit 2.5, which is a really big release. We have been busy working on a whole bunch of new add-ons and a lot of improvements. Altogether there are 5 completely new add-ons: Autocomplete, Upload, Placeholder, Dotnav and Slidenav. We also refactored the Search component, which will increase the possibilities and reduce the core size. We also fixed some issues for the Modal, Timepicker and the Markdown area. Let's have a quick look at all the new stuff.

Autocomplete and Search add-ons

First, we created the new Autocomplete add-on. It allows users to choose from a list of pre-generated values while typing. The Search component is completely based on the Autocomplete add-on and has been removed from the UIkit core. Instead, it's now also available as an add-on. This was created to reduce UIkit's core size and because now you can include the Search only when it's really needed.

Dotnav and Slidenav add-ons

The Dotnav add-on is perfect for creating a page scroll navigation or sliders. The Slidenav add-on will allow you to build a next and previous navigation for image and content sliders. Note that there is no slideshow JS available in UIkit, but we are working on it. These are the first steps.

Upload and placeholder add-ons

The Upload add-on utilizes the latest XMLHttpRequest Level 2 specification and provides the ability of uploading files via Ajax including tracking of the upload progress. Note that it does not handle your file uploads on the server. Drop areas can easily be created thanks to the new Placeholder add-on.

Core Improvements

UIkit now has its own simple template engine inspired by Mustache.js. This comes in handy whenever you need to combine data with custom markup, for example in our new Autocomplete add-on. A new utility is the overflow container, which provides a horizontal scrollbar whenever the elements inside it are wider than the container itself. This is great for making tables responsive. The Modal and the Text components also have got some new modifiers, and we did a lot of bug fixes.

We're happy to see that our community is growing and helping each other. It's also great to see all your cool works, ideas and discussions. And of course, we would like to hear your feedback. So write us, tweet us or use the Google+ community! Let us know what you think.