Preloader Atom

Create a simple preloader on the screen while the rest of the page’s content is still loading. See how Preloader can be designed beautifully on Demo Page.

# Preloader Package contents

Files Description
jlpreloader.yaml Contains the Preloader particle settings.
jlpreloader.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

Testimonial Particle

Testimonial Particle is an Gantry5 Particle which allows you to showcase testimonials on your website. See how Testimonial can be designed beautifully on Demo Page.

# Testimonial Package contents

Files Description
jltestimonial2.yaml Contains the Testimonial particle settings.
jltestimonial2.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

Tabs Particle Documentation

Create a tabbed navigation with different styles. You can click on a tab to open the content. See how Tabs can be designed beautifully on Demo Page.

# Tab Package contents

Files Description
jltabs.yaml Contains the Tab particle settings.
jltabs.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

QR Particle Documentation

This Particle enables you generate QR Code that you can print out or use in your own website or application.
Installing the particle on your website is a really simple process. You just need to follow the below instructions depending on the platform you are on.
Read More

Portfolio Particle Documentation

Add responsive portfolio to your website. Present your work in so many ways. This item comes with 05 super customizable styles to choose from. Tons of ready to use options make it very easy to add Filter style, filter position, number items, grid gutter and so on.
Installing the particle on your website is a really simple process. You just need to follow the below instructions depending on the platform you are on.
Read More

Team Member Particle

With Team Member particle, You can create a great looking team section on your Joomla/WordPress/Grav site in a few minutes (Slider and Grid support). See how Team Member can be designed beautifully on Demo Page.

# Team Member Package contents

Files Description
jlmember.yaml Contains the Team Member particle settings.
jlmember.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

Lightgallery Particle Documentation

A customizable, modular, responsive, lightbox gallery Particle. Create beautiful image galleries for your for Joomla/Wordpress/Greav site. See how Light Gallery can be designed beautifully on Demo Page.

# Lightgallery Package contents

Files Description
jllightgallery.yaml Contains the Lightgallery particle settings.
jllightgallery.html.twig The Twig file to pull information, settings.
lightgallery.min.css / lg-fb-comment-box.min.css
lg-transitions.min.css
Contains the Lightgallery CSS.
lg.eot, lg.svg, lg.ttf and lg.woff Contains the Lightgallery fonts, these files located in css/fonts folder.
lightgallery Contains the Light gallery JavaScript libraries (lightgallery.js / lg-hash.min.js
lg-autoplay.min.js / lg-fullscreen.min.js
lg-zoom.min.js / lg-share.min.js
lg-thumbnail.min.js).

Note By default, Lightgallery particle load the lightgallery core css/js (lightgallery.min.css and lightgallery.js) only. Other css/js plugins will be added by your particle settings to improve the page speed performance.

For example: If you enable Facebook comment plugin, the lg-fb-comment-box.min.css will be added on page load.

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

Read More

Image Compare Particle Documentation

Image Compare Particle helps storytellers compare two pieces of similar media, including photos, and GIFs See how Image Compare can be designed beautifully on Demo Page.

# Image Compare Package contents

Files Description
jlimagecompare.yaml Contains the Image Compare particle settings.
jlimagecompare.html.twig The Twig file to pull information, settings.
juxtapose.min.css Contains the Image Compare CSS.
juxtapose.min.js Contains the Image Compare 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

Heading Particle Documentation

Extend the design of the advanced heading particle with different styles for headings to create beautiful typography. See how Heading can be designed beautifully on Demo Page.

# Heading Package contents

Files Description
jlheading.yaml Contains the Heading particle settings.
jlheading.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

Flipster Particle Documentation

Create content or images with ‘cover flow’ effect. See how Flipster can be designed beautifully on Demo Page.

# Flipster Package contents

Files Description
jlflipster.yaml Contains the Flipster particle settings.
jlflipster.html.twig The Twig file to pull information, settings.
jquery.flipster.min.css Contains the Flipster CSS.
jquery.flipster.min.js Contains the Flipster 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

Feature Box Particle Documentation

Create embedable featured content boxes inside your Joomla/WordPress site. See how Feature Box can be designed beautifully on Demo Page.

# Feature Box Package contents

Files Description
jlfeaturebox.yaml Contains the Feature Box particle settings.
jlfeaturebox.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

FAQ Particle Documentation

Add an easy-to-create, stylish FAQ section to your website. Display your frequently asked questions in your sites easily without any kind of coding. See how FAQ can be designed beautifully on Demo Page.

# FAQ Package contents

Files Description
jlfaq.yaml Contains the FAQ particle settings.
jlfaq.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

Countdown Particle Documentation

Countdown Gantry5 Particle offers many options to edit countdown like target date, countdown animation properties and its css styles. See how Countdown can be designed beautifully on Demo Page.

# Countdown Package contents

Files Description
jlcountdown.yaml Contains the Countdown particle settings.
jlcountdown.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

Carousel Particle Documentation

Create a list of items to use as a responsive carousel slider. See how Carousel can be designed beautifully on Demo Page.

# Carousel Package contents

Files Description
jlcarousel.yaml Contains the Carousel particle settings.
jlcarousel.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
Gantry 5 Particles 2.2.2 released with with new features (lazy load image, new Card Slider) and bug fixes Changelog
Cyber Monday is finally here! Save 30% OFF everything. Use promo code: 30OFFCM Shop Now