Plugins
Plugins
Adding new plugins#
Adding a new plugin to your theme is simple.Here are two ways you can do that.
Simple approach
Place your new plugin in pages/assets/lib
folder. Eg: to add the typed.js
plugin, we will download it from here, unzip it and place the typed.js-master
folder in pages/assets/lib
folder.
Using NPM
Suppose we are installing the typed.js
plugin. Here are the steps:
Step 1:
Paths = {
...
DEPENDENCIES: {
...
'typed.js': {
FROM: 'node_modules/typed.js/lib/*.*',
TO: lib,
},
},
...
},
Here, lib
refers to pages/assets/lib
, where gulp will copy files from the typed.js
plugin. We actually use the lib
folder to store neccassary plugins
Step 3:
Run the following command:
gulp copy:dependency
Built-in plugins
Fancy Countup#
Count up component will start counting after an element with data-countup attribute become visible in the viewport
Implementation in theme - Full DocumentationEcharts#
A powerful, interactive charting and visualization library for browser.
Implementation in theme - Full DocumentationOwl-carousel#
Documentation and examples for opt-in styling of image slider with Owl Carousel.
Implementation in theme - Full DocumentationInline Player#
Shape inline plyer provide a flexible and responsive inline video player.
Implementation in theme - Full DocumentationSlick-carousel#
Documentation and styling of image slider with Slick Carousel. You can slide image in two direction both vertically and horizontally with Slick slider.
Implementation in theme - Full DocumentationStart building beautiful apps
Navigate
Contact
369 ape view Avenue
Brooklyn, NY
369 ape view Avenue
Mon - Fri 9am - 5pm
+91 3929 3355
Brooklyn, NY
Subscribe
Latest Shape news, articles, and resources sent straight to your inbox every month.
Made With by ThemeWagon