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

Semantic UI (Accordion)#

An accordion allows users to toggle the display of sections of content.

Implementation in theme -Full Documentation
Inline Player#

Spin inline plyer provide a flexible and responsive inline video player

Implementation in theme -Full Documentation
Typed Text#

A JavaScript library that types out, deletes them, and then types again.

Implementation in theme -Full Documentation
Google Map#

Spin uses Google map with Snazzy Maps, with different color schemes aimed towards web designers and developers.A JavaScript library that types out, deletes them, and then types again.

Implementation in theme