Facebook button documentation

Get the ultimate Facebook widgets pack to help you grow your social media presence. See how Facebook button can be designed beautifully on Demo Page.

# Facebook button Package contents

Files Description
jlfacebookbutton.yaml Contains the Facebook button particle settings.
jlfacebookbutton.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

Open Street Map Particle

Extend the design of the advanced Open street map particle with different styles for maps to create beautiful typography. See how Open street map can be designed beautifully on Demo Page.

# Open Street Map Package contents

Files Description
jlopenstreetmap.yaml Contains the Open Street Map particle settings.
jlopenstreetmap.html.twig The Twig file to pull information, settings.
leaflet.css Contains the Leaflet CSS.

leaflet.js Contains the Leaflet library for mobile-friendly interactive maps.
leaflet-providers.js An extension to Leaflet that contains configurations for various free tile providers.

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

Read More

Article/Post List Particle

Easily create nice looking article lists or Post Lists, which come in different styles. See how Article/Post List can be designed beautifully on Joomla Demo | WordPress Demo.
  • # Article List Joomla Package contents

    Files Description
    jlarticlelist.yaml Contains the Article List Joomla particle settings.
    jlarticlelist.html.twig The Twig file to pull information, settings.
  • # Post List WordPress Package contents

    Files Description
    jlpostlist.yaml Contains the Post List WordPress particle settings.

    jlpostlist.html.twig The Twig file to pull information, settings.
  • # Content List Grav Package contents

    Files Description
    jlcontentlistgrav.yaml Contains the Content List Grav particle settings.

    jlcontentlistgrav.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

Inline Svg Particle

Add any SVG file such as an icon or artwork and change it’s colour and size. See the live Demo Page.

# Inline Svg Package contents

Files Description
jlinlinesvg.yaml Contains the Inline Svg particle settings.
jlinlinesvg.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

Social Share Particle

Add the share buttons to your Joomla/Wordpress/Grav page. See how Social Share can be designed beautifully on Demo Page.

# Social Share Package contents

Files Description
jlsocialshare.yaml Contains the Social Share particle settings.
jlsocialshare.html.twig The Twig file to pull information, settings.
sharer.min.js Contains the Sharer JavaScript library.

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

Read More

Alert Particle Documentation

Display success, warning and error messages with Close button and cookie based. See how Alert can be designed beautifully on Demo Page.

# Alert Package contents

Files Description
jlalert.yaml Contains the Alert particle settings.
jlalert.html.twig The Twig file to pull information, settings.
js.cookie.min.js Contains the JavaScript to handle the cookie.

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

Read More

Modal Module/Widget Particle

Create modal dialogs with different styles and transitions for any Joomla module.. See how Modal Module/Widget can be designed beautifully on Demo Page | WordPress Demo.

# Modal Module Joomla Package contents

Files Description
jlmodalmodule.yaml Contains the Modal Module particle settings.
jlmodalmodule.html.twig The Twig file to pull information, settings.

# Modal Widget WordPress Package contents

Files Description
jlmodalwidget.yaml Contains the Modal Widget particle settings.

jlmodalwidget.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

Content Toggle Documentation

Hide, switch or change the appearance of different contents/particles through a toggle. See how Content Toggle can be designed beautifully on Demo Page.

# Content Toggle Package contents

Files Description
jlcontenttoggle.yaml Contains the Content Toggle particle settings.
jlcontenttoggle.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

Titles Joomla/WordPress/Grav Particle

This particle will assist you in adding your articles to the website’s page in the form of beautiful tiles block with immaculate layout and precise style. See how Titles can be designed beautifully on Joomla Demo | WordPress Demo.
  • # Titles Joomla Package contents

    Files Description
    jltiles.yaml Contains the Titles Joomla particle settings.
    jltiles.html.twig The Twig file to pull information, settings.
  • # Titles WordPress Package contents

    Files Description
    jltileswp.yaml Contains the Titles WordPress particle settings.

    jltileswp.html.twig The Twig file to pull information, settings.
  • # Titles Grav Package contents

    Files Description
    jltilesgrav.yaml Contains the Titles Grav particle settings.

    jltilesgrav.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

Button Particle Documentation

Display one or multiple buttons aligned horizontally. See how Buttons can be designed beautifully on Demo Page.

# Button Package contents

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

Menu Canvas Particle

Manage the way your menu is displayed with an offcanvas sidebar slides in from the left or right side of the page. Choose between Slide, Reveal and Push offcanvas animations. Optionally, you can display the offcanvas bar on the right or use the modal animation to display the menu in a modal. See Demo Page.

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 Particle Documentation

The Image particle adds an image with an optional link to your layout. By default, the link opens in a window. Alternatively, it can open in a modal. Demo Page.

# Image Package contents

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

Call To Action Particle

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.

# Call To Action Package contents

Files Description
jlcalltoaction.yaml Contains the Call To Action particle settings.
jlcalltoaction.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 Joomla Particle

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

# Carousel Joomla Package contents

Files Description
jlcarouseljoomla.yaml Contains the Carousel Joomla particle settings.
jlcarouseljoomla.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