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
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
Dayjs

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

Full Documentation
Draggable.js

A lightweight, responsive, modern drag & drop library.

Implementation in theme - 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
Emoji Button

Vanilla JavaScript emoji picker component.

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
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
Overlay Scrollbars

A javascript scrollbar plugin which hides native scrollbars, provides custom styleable overlay scrollbars and keeps the native functionality and feeling.

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
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
Rater

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

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

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

v3.0.0-beta5

customize