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