Complete Building Blocks for Your Sites

With Modules, you can easily reuse your designs in different websites and create your library of building blocks. Download our reference modules and use in your sites.

Toolset Modules Library

You can create your own modules, or import existing ones. Feel free to browse the library of modules that we’ve created for you, download and adapt them to your needs.

Portfolio items in a three column grid. Each cell contains a large photo with the name, description and category below. At the bottom of the cell is a link. There are filters at the top of the page.

Documentation Portfolio – three column grid with category filters Live Demo

  • Responsive
  • Bootstrap grid
  • Category filters

The testimonials appear in a single column list. Each testimonial contains a rounded image of the individual on the left with their content and personal details next to it.

Documentation Testimonials – single column list Live Demo

  • Bootstrap columns
  • Responsive

Members appear in a three column grid. Each cell has a header image with a small round photo of the member below it, overlapping slightly. Below is their name and position followed by a description at the bottom.

Documentation Members- three column grid with multiple photos Live Demo

  • Responsive
  • Bootstrap grid

The portfolio items are in a two column grid. Each cell has a photo of the item as the background. Overlaying it are the category, name, excerpt, a gallery of further images and a link for more information.

Documentation Portfolio – two column grid with a gallery Live Demo

  • Responsive
  • Bootstrap grid

The portfolio items are in one wide column. There is a large photo of the item on the left of each cell. Besides it are the name, category, description and also smaller photos of the item which can be enlarged.

Documentation Portfolio – one column list with large photo Live Demo

  • Bootstrap columns
  • Portfolio gallery with transition effects on hover

The testimonials appear in a slider with one testimonial per slide. The user sees a round photo at the top with the content below followed by the author’s details. The slide automatically rotates or the user can scroll through them.

Documentation Testimonials – one cell slider Live Demo

  • Bootstrap columns
  • Rounded images
  • Responsive

The testimonials appear in a three column grid. Within each testimonial, there is a round photo of the individual at the top with their testimonial in quote text below it. At the bottom are their personal details.

Documentation Testimonials – three column grid with larger photos Live Demo

  • Bootstrap grid
  • Rounded photos
  • Responsive

Three testimonials appear on a slider next to each other. The slider rotates every few seconds. For each testimonial you can see the author image and an excerpt. More details appear when you hover over each one.

Documentation Testimonials – three cell slider Live Demo

  • Responsive
  • Fade transition effect

The testimonials appear in a three-column grid. Each cell consists of the individual’s feedback with a small round photo of them and their personal details in capital letters below the content.

Documentation Testimonials – three column grid Live Demo

  • Responsive
  • Bootstrap grid

Members appear in a two column grid. On the left of each cell is a large photo with their position, name and description beside it on the right. Underneath each photo are icons which display contact details when you hover.

Documentation Members – two column grid Live Demo

  • Responsive
  • Bootstrap grid
  • Bootstrap icons

The members appear in a wide single column list. Each cell contains a large photo of the member on the left with their name, position, description and contact details beside it.

Documentation Members – single column list Live Demo

  • Responsive
  • Bootstrap columns
  • Bootstrap icons

The members appear in a three column grid. Each cell contains a large photo of them with their name, position, description and contact details below.

Documentation Members – three column grid with large photo Live Demo

  • Bootstrap grid
  • Responsive

Portfolio items in a three column grid. Each cell contains a large photo with the name, description and category below. At the bottom of the cell is a link. There are filters at the top of the page.

Documentation Portfolio – three column grid simple Live Demo

  • Bootstrap grid
  • Bootstrap columns
  • Responsive

A big slider displaying posts from the Breaking News category. Each one contains a large image with the post title and excerpt on top of it.

Documentation Breaking news slider Live Demo

  • Responsive
  • Fade transition effect

Slider displaying posts from the Editors Choice category, three posts per slide. Each slide includes the post featured image, the post title, and the post date. The post excerpt appears on hover.

Documentation Editors choice slider Live Demo

  • Responsive
  • Fade transition effect

A category listing in a two column grid. Each cell contains a large photo of the post with its title and an excerpt below. At the bottom are two similar posts with a smaller photo and title.

Documentation Categories Grid Live Demo

  • Responsive
  • Nested Views

House search with simple and advanced filters. The properties are displayed in a grid and also on a Google map.

Documentation House search Live Demo

  • Simple and advanced filters
  • Dependencies in filter fields
  • Advanced search options on demand
  • Results on Google map
  • Pagination

Custom Single Product layout. The layout includes standard WooCommerce product fields arranged in two columns to reflect the original design of the WooCommerce template. It also includes a custom field and a custom taxonomy.

Documentation Single Product Live Demo

  • Responsive
  • Bootstrap compatibility

The custom layout for the WooCommerce shop page and product archives displays the products in a two column Bootstrap grid. In each cell the product image is on the left while you will find the title, description, sizes/colors and price besides it.

Documentation Products Listing Live Demo

  • Responsive
  • Bootstrap compatibility

How to Install New Modules

01 Make sure you have the Toolset Module Manager plugin active.
02 Go to Toolset -> Modules, switch to the Modules library tab
03 Select your category, e.g. Portfolio
04 Click Import next to the module you want to install