Plugins

Spyre comes with pre-installed plugins that are ready to use in your project. Below you can find the complete list.

Adding plugins

In orer to use the installed plugins you will need to add the scripts manually into the page you where are using it. We made it this way so that you can have control over the resources used in a specific page so it can be better optimized for speed and development.

For most of the plugins all you have to do is to add a style <link> tags in the head and a <script> tags in the footer of your page. All plugin scripts have to be placed between the core scripts (jquery, popper and bootstrap) and the theme.js file.

Most of the time you will need to add only a script in the footer. It should look like this:

Css

<!-- Vendor Stylesheets -->
<link href="PATH_TO_YOUR_PLUGIN" rel="stylesheet">

<!-- Theme Stylesheets -->
<link href="../assets/css/theme.css" rel="stylesheet">
Js

<!-- Core Javascripts -->
<script src="../assets/vendor/jquery/dist/jquery.min.js"></script>
<script src="../assets/vendor/popper.js/dist/umd/popper.min.js"></script>
<script src="../assets/vendor/bootstrap/dist/js/bootstrap.min.js"></script>

<!-- Vendor Javascripts -->
<script src="PATH_TO_YOUR_PLUGIN"></script>

<!-- Theme Javascripts -->
<script src="../assets/js/theme.js"></script>

Built-in-plugins

AOS

Animate On Scroll Library

Implementation in Spyre - Full Documentation

jQuery.countdown

A simple and html agnostic date countdown plugin for jQuery

Implementation in Spyre - Full Documentation

jquery.mb.vimeo_player & jQuery.mb.YTPlayer

An HTML5 Background player for YouTube and Vimeo videos

Implementation in Spyre - Full Documentation

Owl carousel 2

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

Implementation in Spyre - Full Documentation

Prism

Prism is a lightweight, extensible syntax highlighter, built with modern web standards in mind.

Full Documentation

Rellax

A lightweight, vanilla javascript parallax library

Implementation in Spyre - Full Documentation

Sticky-Kit

A jQuery plugin for making smart sticky elements

Implementation in Spyre - Full Documentation

Typed JS

A JavaScript Typing Animation Library

Implementation in Spyre - Full Documentation

Built-in Premium plugins

These plugins come with Commercial licenses.

FancyBox 3

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

Implementation in Spyre - Full Documentation

Isotope

Filter & sort magical layouts

Implementation in Spyre - Full Documentation

Design sources

Free images and videos.

Unsplash

Website

Random User genearator

Website

Pexels Videos

Website

Coverr

Website