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 Documentation
Echarts#

A powerful, interactive charting and visualization library for browser.

Implementation in theme - Full Documentation

Documentation and examples for opt-in styling of image slider with Owl Carousel.

Implementation in theme - Full Documentation
Inline Player#

Shape inline plyer provide a flexible and responsive inline video player.

Implementation in theme - Full Documentation

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 Documentation

Start building beautiful apps

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.

We’ll never share your details. See our Privacy Policy

Made With by ThemeWagon