Slideshow Joomla/WordPress Particle

Create a responsive Joomla Articles or WordPress Posts Slideshow with images and style effects. See how Joomla/Wordpress Slideshow can be designed beautifully on Slideshow Joomla Demo Page | WordPress Demo.

# Slideshow Joomla Package contents

Files Description
jlslideshowjoomla.yaml Contains the Slideshow Joomla particle settings.

jlslideshowjoomla.html.twig The Twig file to pull information, settings.

# Slideshow WordPress Package contents

Files Description
jlslideshowwp.yaml Contains the Slideshow WordPress particle settings.

jlslideshowwp.html.twig The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Read More

Newsletter particle documentation

Display a Mailchimp newsletter signup form for Joomla/Wordpress/Grav. See how Newsletter can be designed beautifully on Demo Page.

# Newsletter Package contents

Files Description
jlnewsletter.yaml Contains the Newsticker particle settings.

jlnewsletter.html.twig The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Read More

DotNav Particle Documentation

Create a dot navigation to scroll to different page sections. See how DotNav can be designed beautifully on Demo Page.

# Dotnav Package contents

Files Description
jldotnav.yaml Contains the Dotnav particle settings.

jldotnav.html.twig The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Read More

Search Particle Documentation

Easily create nice looking search forms with different styles and layouts for Joomla/Wordpress/Grav. See how Search can be designed beautifully on Demo Page.

# Search Package contents

Files Description
jlsearch.yaml Contains the Search particle settings.

jlsearch.html.twig The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Read More

Grid Particle Documentation

The Grid particle is a fully responsive & mobile friendly particle to display your custom content in Grid view without any line of coding. Parallax, Masonry, Filter support. See how Grid can be designed beautifully on Demo Page.

# Gridcard Package contents

Files Description
jlgridcard.yaml Contains the Grid Card particle settings.

jlgridcard.html.twig The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Read More

Subnav Particle Documentation

Create a custom a sub navigation with different styles. See how Subnav can be designed beautifully on Demo Page.

# Subnav Package contents

Files Description
jlsubnav.yaml Contains the Subnav particle settings.

jlsubnav.html.twig The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Read More

Text Particle Documentation

This particle is great to add content to your page. A collection of useful text utility classes to style your content. See how Text can be designed beautifully on Demo Page.

# Text Package contents

Files Description
jltext.yaml Contains the Text particle settings.

jltext.html.twig The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Read More

Description List Documentation

Easily create nice looking description lists, which come in different styles. See how Description List can be designed beautifully on Demo Page.

# Description List Package contents

Files Description
jldescription.yaml Contains the Description particle settings.

jldescription.html.twig The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Read More

Divider Particle Documentation

Create dividers to separate content and apply different styles to them. See how Divider can be designed beautifully on Demo Page.

# Divider Package contents

Files Description
jldivider.yaml Contains the Divider particle settings.

jldivider.html.twig The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Read More

List Particle Documentation

Easily create nice looking lists, which come in different styles. See how List can be designed beautifully on Demo Page.

# List Package contents

The Uikit3 for Gantry 5 atom contains the compiled CSS and JavaScript files, twig and yaml files, which is everything you need to get started.
Files Description
jllist.yaml Contains the List particle settings.

jllist.html.twig The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Read More

Data Tables Particle Documentation

Build the table and place any content in the cells, rows and columns to add the schedule or the list to the layouts built with Gantry 5. See how Data Tables can be designed beautifully on Demo Page.

# Data Tables Package contents

Files Description
jldatatables.yaml Contains the Data Tables particle settings.

jldatatables.html.twig The Twig file to pull information, settings.
jquery.dataTables.min.css Contains the Data Tables CSS
jquery.dataTables.min.js /dataTables.uikit.min.js Contains the Data Tables JavaScript

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Read More

Card Particle Documentation

Display text with an image optionally styled like a card. See how Card can be designed beautifully on Demo Page.

# Card Package contents

The Uikit3 for Gantry 5 atom contains the compiled CSS and JavaScript files, twig and yaml files, which is everything you need to get started.
Files Description
jlcard.yaml Contains the Card particle field settings.

jlcard.html.twig The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Read More

Joomla Content Grid Particle

Content Grid helps you to create beautiful recent articles grid and other types of grid for your Joomla site in minutes. See how Joomla Content Grid can be designed beautifully on Demo Page.

# Content Grid Joomla Package contents

Files Description
jlcontentgrid.yaml Contains the Content Grid Joomla particle settings.

jlcontentgrid.html.twig The Twig file to pull information, settings.

# Content Grid WordPress Package contents

Files Description
jlcontentgridwp.yaml Contains the Content Grid WordPress particle settings.

jlcontentgridwp.html.twig The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Read More

Block Reveal Atom

Ideas for revealing content in a schematic box look as seen around the Web lately. The effect first shows a decorative block element drawn and when it starts to decrease its size, it uncovers some content underneath. See how Block Reveal can be designed beautifully on Demo Page.

# Block Reveal Package contents

Files Description
jlblockreveal.yaml Contains the Block Reveal Atom settings.

jlblockreveal.html.twig The Twig file to pull information, settings.
reveal.js Contains the Block Reveal JavaScript

Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Read More
JoomLead Gantry 5 Particles 2.1.0 released. New features, WCAG 2.0 accessibility and bug fixes See changelog
Sale 30% OFF Cyber Monday. Use the discount code CM2019 during checkout Buy Now