Introduction

Get familiar with basic setup and overview of UIkit for RapidWeaver

First you need to download RapidWeaver and Stacks plugin. For more deatails head to the Installation guide to learn more.

Package contents

The downloaded dmg file contains the following:
  • UIkit theme
  • UIkit stacks
  • Pre-built RapidWeaver projects

Modular design and re-usable items

Using UIkit you'll notice that many elements are made into inline stacks: Button, Image, Video and Height are a few examples. This approach allows these elements to be used into other stacks. As an example the Image stack can be used in Card, Slider, Slideshow etc. Another example are the Buttons that can be easily used in many stacks like the Navbar, Table and so on.

Navigations in Slider and Slideshow are also modular: you can use either the Dotnav, Slidenav and Thumbnav positioned anywhere into the container with the help of the Position stack.

Many elements are available as stand-alone stacks and as well as embedded into other ones. For example the Animation settings can also be found in Overlay, Position settings are also available in Background stack.

Novice and advanced users

UIkit stacks and theme gives you everything you need to get started without writing a single line of code. However every stack has options for advanced users, with input fields for ID and custom classes. Some stacks also have custom a attribute field, like the Base and Width stacks.

This allows for the use of already existing UIkit classes into stacks, for example the Flex stack classes uk-flex uk-flex-middle can be entered in Background stack to align items vertically.

Browser support

UIkit for RapidWeaver inherits it's browser compatibility from both the UIkit framework and Stacks plugin, meaning it will work on any modern browser.
missing image
Latest
missing image
Latest
missing image
Latest
missing image
11+
missing image
9.1+
missing image
Latest