Plugin

Simple approach(without npm)

Place your new plugin in public/vendors folder. Eg: to add the flatpickr plugin, we will download it from here, unzip it and place the flatpickr-master folder in public/vendors folder. You can now simply link the plugin files to your HTML and use them.

Using npm

Suppose we are installing the flatpickr plugin. Here are the steps:

Step 1:

run npm command for install plugin. for flatpickr we can run

 npm i flatpickr

Step 2:

Go to vendors.json file and give the path directory from node_modules as follow

"flatpickr": {
	"src": ["dist/flatpickr.min.js", "dist/flatpickr.min.css"],
	"dest": "flatpickr"
}

Here, dest refers to public/vendors/, where gulp will copy files from the flatpickr plugin. We actually use the vendors folder to store neccassary plugins. And all the plugins folder name will be as we give the dest value

Step 3:

Run the following command:

gulp vendor:move

Built-in plugins

Anchor.js

A JavaScript utility for adding deep anchor links to existing page content. AnchorJS is lightweight, accessible, and has no dependencies.

Implementation in theme - Full Documentation
Chart.js

simple yet flexible JavaScript charting for designers & developers.

Implementation in theme - Full Documentation
Choices

Choices.js is a lightweight, configurable select box/text input plugin. Similar to Select2 and Selectize but without the jQuery dependency

Implementation in theme - Full Documentation
CountUp

CountUp.js is a dependency-free, lightweight JavaScript class that can be used to quickly create animations that display numerical data in a more interesting way.

Implementation in theme - Full Documentation
D3.js

JavaScript library for manipulating documents based on data.

Implementation in theme - Full Documentation
Dayjs

Day.js 2KB immutable date-time library alternative to Moment.js with the same modern API.

Full Documentation
Dropzone

DropzoneJS is an open-source library that provides drag & 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
Flatpickr

Lightweight, powerful javascript datetimepicker with no dependencies.

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.

Full Documentation
FullCalendar

Full-sized drag & drop event calendar.

Implementation in theme - Full Documentation
Glightbox

Glightbox is a pure javascript lightbox. It can display images, iframes, inline content and videos with optional autoplay for YouTube, Vimeo and even self hosted videos.

Implementation in theme - Full Documentation
Google Map

Falcon uses Google map with Snazzy Maps, with different color schemes aimed towards web designers and developers.

Implementation in theme - Full Documentation
Inputmask

Inputmask is a javascript library that creates an input mask.

Implementation in theme - Full Documentation
Is.js

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

Full Documentation
Leaflet Map

JavaScript library for mobile-friendly interactive maps

Implementation in theme - Full Documentation
List.js

Tiny, invisible and simple, yet powerful and incredibly fast vanilla JavaScript that adds search, sort, filters and flexibility to plain HTML lists, tables, or anything.

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
NoUiSlider

noUiSlider is a lightweight range slider with multi-touch support and a ton of features.

Implementation in theme - Full Documentation
Plyr

A simple, lightweight, accessible and customizable HTML5, YouTube and Vimeo media player that supports modern browsers.

Implementation in theme - Full Documentation
Rater

Star rating widget for the browser. Unlimited number of stars. No dependencies. No Jquery required.

Implementation in theme - Full Documentation
SimpleBar

Custom scrollbars made simple, lightweight, easy to use and cross-browser.

Implementation in theme - Full Documentation
Sortable.js

JavaScript library for reorderable drag-and-drop lists.

Implementation in theme - Full Documentation
Swiper

Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. It is intended to be used in mobile websites, mobile web apps, and mobile native/hybrid apps.

Implementation in theme - Full Documentation
Tinymce editor

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

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 |
2024 © Themewagon

v3.22.0

Settings

Set your own customized style

Color Scheme

Choose the perfect color mode for your app.


RTL Mode

Switch your language direction

RTL Documentation

Fluid Layout

Toggle container layout system

Fluid Documentation

Navigation Position

Select a suitable navigation system for your web application


Vertical Navbar Style

Switch between styles for your vertical navbar

See Documentation

Like What You See?

Get Falcon now and create beautiful dashboards with hundreds of widgets.

Purchase
customize