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

Bootstrap Wizard#

This twitter bootstrap plugin builds a wizard out of a formatter tabbable structure

Implementation in theme - Full Documentation
Chart.js#

Simple HTML5 Charts using the canvas element

Implementation in theme - Full Documentation
Data Table#

DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, build upon the foundations of progressive enhancement, that adds all of these advanced features to any HTML table.

Implementation in theme - Full Documentation
Date Countdown#

A simple and html agnostic date countdown plugin for jQuery.

Implementation in theme - Full Documentation
Date Picker#

Lightweight, powerful javascript datetimepicker with no dependencies.

Implementation in theme - Full Documentation
Dropzone#

DropzoneJS is an open source library that provides drag’n’drop file uploads with image previews.

Implementation in theme - Full Documentation
Echarts.js#

A powerful, interactive charting and visualization library for browser.

Implementation in theme - Full Documentation
EmojioneArea#

Emoji Picker Plugin for jQuery.

Implementation in theme - Full Documentation
Fancybox 3#

JavaScript lightbox library for presenting various types of media. Responsive, touch-enabled and customizable.

Implementation in theme - Full Documentation
FontAwesome 5#

Get vector icons and social logos on your website with Font Awesome, the web's most popular icon set and toolkit.

Implementation in theme - Full Documentation
Google Map#

Build customized, agile experiences that bring the real world to your users with static and dynamic maps, Street View imagery, and 360° views.

Implementation in theme - Full Documentation
Is.js#

Micro check plugin. Check types, regexps, presence, time and more...

Full Documentation
jQuery.mb.YtPlayer#

An HTML5 Background player for YouTube video.

Implementation in theme - Full Documentation
Jquery Validation#

The jQuery Validation Plugin provides drop-in validation for your existing forms, while making all kinds of customizations to fit your application really easy.

Implementation in theme - Full Documentation
Leaflet#

A powerful, interactive charting and visualization library for browser.

Implementation in theme - Full Documentation
Leaflet.markercluster#

Provides Beautiful Animated Marker Clustering functionality for Leaflet, a JS library for interactive maps.

Implementation in theme - Full Documentation
Leaflet.TileLayer.ColorFilter#

A simple and lightweight Leaflet plugin to apply CSS filters on map tiles..

Implementation in theme - Full Documentation

Lightweight, powerful javascript datetimepicker with no dependencies.

Implementation in theme - Full Documentation
Lodash#

A modern JavaScript utility library delivering modularity, performance, & extras.

Full Documentation
Lottie Web#

Render After Effects animations natively on Web, Android and iOS, and React Native.

Implementation in theme - Full Documentation

Touch enabled jQuery plugin that lets you create a beautiful responsive carousel slider.

Implementation in theme - Full Documentation
Perfect Scrollbar#

Minimalistic but perfect custom scrollbar plugin..

Implementation in theme - Full Documentation
Plyr#

A simple, accessible and customisable media player for Video, Audio, YouTube and Vimeo.

Implementation in theme - Full Documentation
ProgressBar.js#

With ProgressBar.js, it's easy to create responsive and stylish progress bars for the web. Animations perform well even on mobile devices. It provides a few built‑in shapes like Line, Circle and SemiCircle but you can also create custom shaped progress bars with any vector graphic editor.

Implementation in theme - Full Documentation
Raty#
Select2#

Select2 gives you a customizable select box with support for searching, tagging, remote data sets, infinite scrolling, and many other highly used options.

Implementation in theme - Full Documentation
Tinymce#

The world's most popular JavaScript library for rich text editing.

Implementation in theme - Full Documentation
Toastr#

A toastr is a Javascript library for Gnome / Growl type non-blocking notifications. jQuery is required. The goal is to create a simple core library that can be customized and extended.

Implementation in theme - Full Documentation
Typed Text#

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

Implementation in theme - Full Documentation

Thank you for creating with Falcon |
2019 © Themewagon

v2.4.0