init

.editorconfig

@@ -0,0 +1,32 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+insert_final_newline = true
+indent_style = space
+indent_size = 4
+trim_trailing_whitespace = true
+
+[*.njk]
+indent_style = space
+indent_size = 4
+
+[*.{html}]
+indent_style = space
+indent_size = 4
+
+[*.{js}]
+indent_style = space
+indent_size = 2
+
+[*.{scss,less,css}]
+indent_style = space
+indent_size = 2
+
+[*.md]
+trim_trailing_whitespace = false
+
+[*.yml]
+indent_style = space
+indent_size = 2

.eleventy.js

@@ -0,0 +1,57 @@
+const glob = require("glob-promise")
+const fs = require("fs")
+const { URL } = require("url")
+const sharpPlugin = require("eleventy-plugin-sharp")
+
+module.exports = function (eleventyConfig) {
+
+    eleventyConfig.setBrowserSyncConfig({ port: 1312 })
+    eleventyConfig.addPlugin(sharpPlugin(
+        {
+            urlPath: '/uploads',
+            outputDir: 'public/uploads'
+        }
+    ))
+
+    eleventyConfig.addCollection('plugins', async () => {
+        const files = (await glob('plugins/*.json')).map(filename => {
+            return fs.promises.readFile(filename, { encoding: 'utf-8' })
+        })
+        const plugins = await Promise.all(files)
+        return plugins.map(JSON.parse).sort((a, b) => new Date(b.date) - new Date(a.date))
+    });
+
+    eleventyConfig.addFilter('JSONstringify', (value) => {
+        return JSON.stringify(value)
+    })
+    eleventyConfig.addFilter("absoluteUrl", (url, base) => {
+        try { return new URL(url, base).toString() } catch (e) {
+            console.error(`Trying to convert ${url} to be an absolute url with base ${base} and failed, returning: ${url} (invalid url)`);
+            return url;
+        }
+    });
+
+    eleventyConfig.addShortcode("titleGenerator", (title, site, pageUrl, pagination) => {
+        let endTitle = site.name
+        let paginationSuffix = (pagination && pagination.pageNumber) ? ` (page ${pagination.pageNumber + 1})` : ''
+        if (title) { endTitle = `${title} • ${site.name}` }
+        if (pageUrl === '/') { endTitle = `${site.name} • ${site.description}` }
+        return endTitle + paginationSuffix
+    });
+
+
+    // eleventyConfig.addPassthroughCopy("./node_modules/sifter/sifter.min.js")
+    // eleventyConfig.addPassthroughCopy("./src/js/")
+    eleventyConfig.addPassthroughCopy({ "./src/static/": "/"})
+
+    eleventyConfig.addWatchTarget("./src/sass/")
+    // eleventyConfig.addWatchTarget("./src/js/")
+    eleventyConfig.addWatchTarget("./src/static/")
+
+    return {
+        dir: {
+            input: "src",
+            output: "public",
+        },
+    };
+};

.gitignore

@@ -0,0 +1,16 @@
+# dependencies installed by npm
+node_modules
+
+# build artefacts
+public/*
+!public/uploads/.gitkeep
+
+# secrets and errors
+.env
+.log
+
+# macOS related files
+.DS_Store
+
+# editor config
+.vscode

README.md

@@ -0,0 +1,13 @@
+# Vanilla List
+
+A vanilla JS plugin respository
+
+## Development Scripts
+
+**`npm start`**
+
+> Run 11ty with hot reload at localhost:8080, including reload based on Sass changes
+
+**`npm run build`**
+
+> Production build includes minified, autoprefixed CSS

package.json

@@ -0,0 +1,37 @@
+{
+    "name": "vanillalist",
+    "version": "1.0.0",
+    "description": "A vanilla JS plugin repository",
+    "scripts": {
+        "watch:sass": "sass  --no-source-map --watch src/sass/style.scss:public/css/style.css",
+        "watch:eleventy": "eleventy --serve",
+        "build:sass": "sass  --no-source-map src/sass/style.scss:public/css/style.css",
+        "build:eleventy": "eleventy",
+        "postbuild": "postcss public/css/*.css -u autoprefixer cssnano -r --no-map",
+        "start": "npm-run-all build:sass --parallel watch:*",
+        "build": "npm-run-all build:sass build:eleventy"
+    },
+    "dependencies": {
+        "@11ty/eleventy": "^0.11.1",
+        "autoprefixer": "^9.8.6",
+        "cross-env": "^7.0.3",
+        "cssnano": "^4.1.10",
+        "eleventy-plugin-sharp": "0.0.3",
+        "npm-run-all": "^4.1.5",
+        "postcss": "^8.2.6",
+        "postcss-cli": "^8.3.1",
+        "sass": "^1.32.7",
+        "sifter": "^0.0.5"
+    },
+    "browserslist": [
+        "> 1%",
+        "not dead"
+    ],
+    "devDependencies": {
+        "glob": "^7.1.6",
+        "glob-promise": "^4.0.1",
+        "stylelint": "^13.11.0",
+        "stylelint-config-rational-order": "^0.1.2",
+        "stylelint-order": "^4.1.0"
+    }
+}

plugins/anime-js-a-animation-engine.json

@@ -0,0 +1 @@
+{"id":"136","title":"anime.js: A animation engine","image":"136-anime.js.jpg","description":"Anime.js is a lightweight animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes and JavaScript Objects. ","url_github":"https://github.com/juliangarnier/anime/","url_npm":"https://www.npmjs.com/package/animejs","url_demo":"https://animejs.com/"}

plugins/any-pixel-js-interactive-displays.json

@@ -0,0 +1 @@
+{"id":"2","title":"AnyPixel.js: Interactive displays","image":"2-anypixeljs.jpg","description":"AnyPixel.js is a library for building physical interactive displays by Google Creative Lab.","url_github":"https://github.com/googlecreativelab/anypixel","url_npm":"https://www.npmjs.com/package/anypixel","url_demo":"http://googlecreativelab.github.io/anypixel/"}

plugins/aos-js-animate-on-scroll.json

@@ -0,0 +1 @@
+{"id":"3","title":"AOS.js: Animate on scroll","image":"3-aosjs3.jpg","description":"AOS.js animates elements as you scroll with CSS transitions.","url_github":"https://github.com/michalsnik/aos","url_npm":"https://www.npmjs.com/package/aos","url_demo":"http://michalsnik.github.io/aos/"}

plugins/apexcharts-js-chart-with-simple-api.json

@@ -0,0 +1 @@
+{"id":"126","title":"apexcharts.js: Chart with simple API","image":"126-68747470733a2f2f617065786368617274732e636f6d2f6d656469612f617065786368617274732d62616e6e65722e706e67.png","description":"A modern JavaScript charting library to build interactive charts and visualizations with simple API.","url_github":"https://github.com/apexcharts/apexcharts.js","url_npm":"https://www.npmjs.com/package/apexcharts","url_demo":"https://apexcharts.com/javascript-chart-demos/"}

plugins/autocomplete-js-search-autocompletion.json

@@ -0,0 +1 @@
+{"id":"4","title":"Autocomplete.js: Search autocompletion","image":"4-autocompletejs.jpg","description":"Algolia Autocomplete.js is a highly customisable real time auto-complete library.","url_github":"https://github.com/algolia/autocomplete.js","url_npm":"https://www.npmjs.com/package/autocomplete.js","url_demo":"https://community.algolia.com/places/examples.html#autocompletejs"}

plugins/awesomplete-js-search-autocomplete.json

@@ -0,0 +1 @@
+{"id":"5","title":"Awesomplete.js: Search autocomplete","image":"5-awesompletejs.jpg","description":"Awesomplete.js is a customizable autocomplete library with support for suggestions, ajax, tags and dropdowns.","url_github":"https://github.com/LeaVerou/awesomplete","url_npm":"https://www.npmjs.com/package/awesomplete","url_demo":"http://leaverou.github.io/awesomplete/"}

plugins/background-check-js-check-image-brightness.json

@@ -0,0 +1 @@
+{"id":"6","title":"BackgroundCheck.js: Check image brightness","image":"6-backgroundcheck.jpg","description":"BackgroundCheck.js checks the brightness of background images and automatically sets the color of foreground elements.","url_github":"https://github.com/kennethcachia/Background-Check","url_npm":null,"url_demo":"http://www.kennethcachia.com/background-check/"}

plugins/baguette-box-js-modal-windows.json

@@ -0,0 +1 @@
+{"id":"7","title":"BaguetteBox.js: Modal windows","image":"7-baguetteboxjs.jpg","description":"BaguetteBox.js is a responsive modal window library with gallery support.","url_github":"https://github.com/feimosi/baguetteBox.js","url_npm":"https://www.npmjs.com/package/baguettebox.js","url_demo":"https://feimosi.github.io/baguetteBox.js/"}

plugins/balloon-css-tooltip-library.json

@@ -0,0 +1 @@
+{"id":"8","title":"Balloon.css: Tooltip library","image":"8-ballooncss.jpg","description":"Balloon.css is a simple pure CSS tooltip library.","url_github":"https://github.com/kazzkiq/balloon.css","url_npm":"https://www.npmjs.com/package/balloon-css","url_demo":"http://kazzkiq.github.io/balloon.css/"}

plugins/bideo-js-fullscreen-background-video.json

@@ -0,0 +1 @@
+{"id":"9","title":"Bideo.js: Fullscreen background video","image":"9-bideojs.jpg","description":"Bideo.js creates responsive background video on either a container or the document body.","url_github":"https://github.com/rishabhp/bideo.js","url_npm":null,"url_demo":"https://rishabhp.github.io/bideo.js/"}

plugins/blazy-js-image-lazy-loading.json

@@ -0,0 +1 @@
+{"id":"10","title":"Blazy.js: Image lazy loading","image":"10-belazyjs.jpg","description":"Blazy.js lazy loading and multi-serving images.","url_github":"https://github.com/dinbror/blazy","url_npm":"https://www.npmjs.com/package/blazy","url_demo":"http://dinbror.dk/blazy/"}

plugins/blotter-js-unconventional-text-effects.json

@@ -0,0 +1 @@
+{"id":"118","title":"Blotter.js: Unconventional text effects","image":"118-botter-image.png","description":"A JavaScript API for drawing unconventional text effects on the web","url_github":"https://github.com/bradley/blotter","url_npm":null,"url_demo":"https://blotter.js.org/"}

plugins/bounce-js-transition-animation-library.json

@@ -0,0 +1 @@
+{"id":"11","title":"Bounce.js: Transition animation library","image":"11-bouncejs.jpg","description":"Bounce.js is a CSS powered transition library by Tictail. Choose from masterfully pre-programmed effects like jelly, splat and smack.","url_github":"https://github.com/tictail/bounce.js","url_npm":"https://www.npmjs.com/package/bounce.js","url_demo":"http://bouncejs.com/"}

plugins/bricks-js-masonry-layout.json

@@ -0,0 +1 @@
+{"id":"12","title":"Bricks.js: Masonry layout","image":"12-bricksjs.jpg","description":"Bricks.js is a super fast responsive masonry layout generator with only the essentials.","url_github":"https://github.com/callmecavs/bricks.js","url_npm":"https://www.npmjs.com/package/bricks.js","url_demo":"http://callmecavs.com/bricks.js/"}

plugins/bwip-js-barcode-generator.json

@@ -0,0 +1 @@
+{"id":"13","title":"BWIP.js: Barcode generator","image":"13-bwipjs.jpg","description":"BWIP.js (Barcode Writer in Pure Javascript) is a barcode generator with support for over 90 types and standards.","url_github":"https://github.com/metafloor/bwip-js","url_npm":"https://www.npmjs.com/package/bwip-js","url_demo":"http://bwip-js.metafloor.com/demo/demo.html"}

plugins/c3-js-responsive-charts.json

@@ -0,0 +1 @@
+{"id":"14","title":"C3.js: Responsive charts","image":"14-c3js.jpg","description":"C3.js is an animatable responsive data chart library built on D3.js.","url_github":"https://github.com/c3js/c3","url_npm":"https://www.npmjs.com/package/c3","url_demo":"http://c3js.org/"}

plugins/chart-js-responsive-charts.json

@@ -0,0 +1 @@
+{"id":"15","title":"Chart.js: Responsive charts","image":"15-chartjs.jpg","description":"Chart.js is an animatable responsive chart library that utilizes and renders HTML5 Canvas.","url_github":"https://github.com/chartjs/Chart.js","url_npm":"https://www.npmjs.com/package/chart.js","url_demo":"http://www.chartjs.org/"}

plugins/chartist-js-responsive-charts.json

@@ -0,0 +1 @@
+{"id":"16","title":"Chartist.js: Responsive charts","image":"16-chartistjs.jpg","description":"Chartist.js is an animatable responsive chart library that utilizes and renders SVG's.","url_github":"https://github.com/gionkunz/chartist-js","url_npm":"https://www.npmjs.com/package/chartist","url_demo":"http://gionkunz.github.io/chartist-js/"}

plugins/choices-js-configurable-select-box-text-input.json

@@ -0,0 +1 @@
+{"id":"119","title":"Choices.js: Configurable select box/text input","image":"119-choicesjs.jpg","description":"Choices.js is a configurable select box/text input plugin. Similar to Select2 and Selectize but without the jQuery dependency.","url_github":"https://github.com/jshjohnson/Choices","url_npm":"https://www.npmjs.com/package/choices.js","url_demo":"https://joshuajohnson.co.uk/Choices/"}

plugins/cleave-js-format-input-text.json

@@ -0,0 +1 @@
+{"id":"18","title":"Cleave.js: Format Input text","image":"18-cleavejs.jpg","description":"Cleave.js formats form inputs on the fly and really shines when it comes to credit card, phone number and date fields.","url_github":"https://github.com/nosir/cleave.js","url_npm":"https://www.npmjs.com/package/cleave.js","url_demo":"http://nosir.github.io/cleave.js/"}

plugins/clusterize-js-optimize-large-data-sets.json

@@ -0,0 +1 @@
+{"id":"19","title":"Clusterize.js: Optimize large data sets","image":"19-clusterizejs.jpg","description":"Clusterize.js is library that efficiently optimizes your data when dealing with large lists of data in the DOM.","url_github":"https://github.com/NeXTs/Clusterize.js","url_npm":"https://www.npmjs.com/package/clusterize.js","url_demo":"https://clusterize.js.org/"}

plugins/content-tools-js-wysiwyg-text-editor.json

@@ -0,0 +1 @@
+{"id":"20","title":"ContentTools.js: WYSIWYG text editor","image":"20-contenttools.jpg","description":"ContentTools.js is a customizable content editor with support to modify content blocks throughout your web page.","url_github":"https://github.com/GetmeUK/ContentTools","url_npm":null,"url_demo":"http://getcontenttools.com/"}

plugins/count-up-js-animate-counters.json

@@ -0,0 +1 @@
+{"id":"111","title":"CountUp.js : Animate counters","image":"111-countupjs.gif","description":"CountUp.js is a lightweight plugin to quickly create animations that display numerical data","url_github":"https://github.com/inorganik/CountUp.js","url_npm":"https://www.npmjs.com/package/countup.js","url_demo":"https://inorganik.github.io/countUp.js/"}

plugins/croppie-an-image-cropper.json

@@ -0,0 +1 @@
+{"id":"117","title":"Croppie: An Image Cropper ","image":"117-croppie.jpg","description":"Croppie is a fast, easy to use image cropping plugin with rotate, resize and circular shape cropping options! ","url_github":"https://github.com/foliotek/croppie","url_npm":"https://www.npmjs.com/package/croppie","url_demo":"http://foliotek.github.io/Croppie/"}

plugins/custombox-js-modal-windows.json

@@ -0,0 +1 @@
+{"id":"21","title":"Custombox.js: Modal windows","image":"21-customboxjs.jpg","description":"Custombox.js is a modal window library bundled with neat CSS transitions.","url_github":"https://github.com/dixso/custombox","url_npm":"https://www.npmjs.com/package/custombox","url_demo":"http://dixso.github.io/custombox/"}

plugins/date-fns-js-date-functions.json

@@ -0,0 +1 @@
+{"id":"22","title":"DateFns.js: Date functions","image":"22-datefns.jpg","description":"DateFns.js is a date utility library with support for functions such as isPast, distanceInWordsToNow and differenceInDays.","url_github":"https://github.com/date-fns/date-fns","url_npm":"https://www.npmjs.com/package/date-fns","url_demo":"https://date-fns.org/"}

plugins/dialog-modal-js-modal-windows.json

@@ -0,0 +1 @@
+{"id":"23","title":"DialogModal.js: Modal windows","image":"23-dialogmodaljs.jpg","description":"DialogModal.js is a simple accessibility focused modal window library from the team at Frend.","url_github":"https://github.com/frend/frend.co/tree/gh-pages/_components/dialogmodal","url_npm":"https://www.npmjs.com/package/fr-dialogmodal","url_demo":"https://frend.co/components/dialogmodal/"}

plugins/draggable-drag-drop-library.json

@@ -0,0 +1 @@
+{"id":"115","title":"Draggable: Drag & Drop library ","image":"115-draggable.png","description":"Draggable is a lightweight, responsive, modern drag & drop library made by the Shopify team","url_github":"https://github.com/Shopify/draggable","url_npm":"https://www.npmjs.com/package/@shopify/draggable","url_demo":"https://shopify.github.io/draggable/"}

plugins/dragula-js-drag-and-drop-library.json

@@ -0,0 +1 @@
+{"id":"24","title":"Dragula.js: Drag and drop library","image":"24-dragula.jpg","description":"Dragula.js is a nifty little drag & drop library useful for re-ordering lists vertically and horizontally.","url_github":"https://github.com/bevacqua/dragula","url_npm":"https://www.npmjs.com/package/dragula","url_demo":"http://bevacqua.github.io/dragula/"}

plugins/drift-js-zoom-on-hover.json

@@ -0,0 +1 @@
+{"id":"25","title":"Drift.js: Zoom on hover","image":"25-driftzoomjs.jpg","description":"Drift.js adds customizable zoom on hover functionality to your images.","url_github":"https://github.com/imgix/drift","url_npm":"https://www.npmjs.com/package/drift-zoom","url_demo":"https://imgix.github.io/drift/"}

plugins/drop-simple-and-mobile-friendly-dropdown-menus.json

@@ -0,0 +1 @@
+{"id":"113","title":"Drop: Simple and mobile-friendly dropdown menus","image":"113-dropjs.png","description":"Drop is a very simple plugin to put dropdown on your website. Works well on mobile and with keyboard.","url_github":"https://github.com/cferdinandi/drop/","url_npm":"https://www.npmjs.com/package/dropjs","url_demo":"http://cferdinandi.github.io/drop/"}

plugins/dropmic-dropdown-plugin.json

@@ -0,0 +1 @@
+{"id":"110","title":"dropmic: Dropdown plugin","image":"110-dropmic.png","description":"dropmic is a lightweight dropdown plugin written in pure ES6 javascript","url_github":"https://github.com/agence-webup/dropmic/","url_npm":"https://www.npmjs.com/package/dropmic","url_demo":null}

plugins/dropzone-js-drag-drop-uploads.json

@@ -0,0 +1 @@
+{"id":"26","title":"Dropzone.js: Drag & drop uploads","image":"26-dropzonejs.jpg","description":"Dropzone.js is a drag and drop style frontend file uploader with upload progress and file previews.","url_github":"https://github.com/enyo/dropzone/","url_npm":"https://www.npmjs.com/package/dropzone","url_demo":"http://www.dropzonejs.com/"}

plugins/dynamics-js-animation-library.json

@@ -0,0 +1 @@
+{"id":"27","title":"Dynamics.js: Animation library","image":"27-dynamicsjs.jpg","description":"Dynamics.js is an animation library packaged with default easings such as spring, bounce and gravity.","url_github":"https://github.com/michaelvillar/dynamics.js","url_npm":"https://www.npmjs.com/package/dynamics.js","url_demo":"http://dynamicsjs.com/"}

plugins/elevator-js-scroll-top-library.json

@@ -0,0 +1 @@
+{"id":"28","title":"Elevator.js: Scroll top library","image":"28-elevatorjs.jpg","description":"Elevator.js is a satisfying scroll top library that gracefully plays elevator music as it returns you to the top of the page.","url_github":"https://github.com/tholman/elevator.js","url_npm":null,"url_demo":"http://tholman.com/elevator.js/"}

plugins/embed-js-embed-media-from-text-string.json

@@ -0,0 +1 @@
+{"id":"29","title":"Embed.js: Embed media from text string","image":"29-embedjs.jpg","description":"Embed.js converts standard text strings into embedded media on the fly. Embed.js supports Emojis, SoundCloud, Spotify, Twitter, Github, Markdown and more.","url_github":"https://github.com/ritz078/embed.js","url_npm":"https://www.npmjs.com/package/embed-js","url_demo":"http://riteshkr.com/embed.js/"}

plugins/eqcss-js-element-queries.json

@@ -0,0 +1 @@
+{"id":"30","title":"EQCSS.js: Element queries","image":"30-eqcssjs.png","description":"EQCSS.js is CSS @media queries on steroids. EQCSS.js vastly improves your control over CSS with @element queries.","url_github":"https://github.com/eqcss/eqcss","url_npm":"https://www.npmjs.com/package/eqcss","url_demo":"http://elementqueries.com/"}

plugins/fabric-js-html-canvas-library.json

@@ -0,0 +1 @@
+{"id":"31","title":"Fabric.js: HTML canvas library","image":"31-fabricjs.jpg","description":"Fabric.js allows you to manipulate canvas elements via drag & drop, free drawing, touch events and more.","url_github":"https://github.com/kangax/fabric.js","url_npm":"https://www.npmjs.com/package/fabric","url_demo":"http://fabricjs.com/"}

plugins/feature-js-browser-feature-detection.json

@@ -0,0 +1 @@
+{"id":"32","title":"Feature.js: Browser feature detection","image":"32-featurejs.jpg","description":"Feature.js is a browser feature detection library that makes it easier to progressively enhance your web app.","url_github":"https://github.com/viljamis/feature.js/blob/master/package.json","url_npm":"https://www.npmjs.com/package/feature.js","url_demo":"http://featurejs.com/"}

plugins/flatpickr-js-date-picker.json

@@ -0,0 +1 @@
+{"id":"33","title":"Flatpickr.js: Date picker","image":"33-flatpickr.png","description":"Flatpickr.js is a lightweight date and time picker.","url_github":"https://github.com/chmln/flatpickr","url_npm":"https://www.npmjs.com/package/flatpickr","url_demo":"https://chmln.github.io/flatpickr/"}

plugins/glide-modern-es6-slider-and-carousel.json

@@ -0,0 +1 @@
+{"id":"120","title":"Glide: Modern ES6 slider and carousel","image":"120-glide.jpg","description":"Glide.js is a dependency-free JavaScript ES6 slider and carousel.","url_github":"https://github.com/jedrzejchalubek/glidejs","url_npm":"https://www.npmjs.com/package/@glidejs/glide","url_demo":"https://glidejs.com/"}

plugins/grafi-js-image-processing.json

@@ -0,0 +1 @@
+{"id":"34","title":"Grafi.js: Image processing","image":"34-grafijs.png","description":"Grafi.js is an image processing library with support for invert, contrast, posterize and blur adjustments.","url_github":"https://github.com/grafijs/grafi","url_npm":null,"url_demo":"http://grafijs.org/"}

plugins/green-sock-js-animation-library.json

@@ -0,0 +1 @@
+{"id":"35","title":"GreenSock.js: Animation library","image":"35-greensockjs.jpg","description":"GreenSock.js (also GSAP, TweenMax) is an animation library built to animate anything in any browser.","url_github":"https://github.com/greensock/GreenSock-JS/","url_npm":"https://www.npmjs.com/package/gsap","url_demo":"http://greensock.com/gsap"}

plugins/headroom-js-toggle-header-on-scroll.json

@@ -0,0 +1 @@
+{"id":"36","title":"Headroom.js: Toggle header on scroll","image":"36-headroomjs2.jpg","description":"Headroom.js saves you precious screen real estate by showing and hiding your header as you scroll.","url_github":"https://github.com/WickyNilliams/headroom.js","url_npm":"https://www.npmjs.com/package/headroom.js","url_demo":"http://wicky.nillia.ms/headroom.js/"}

plugins/holmes-js-filter-page-content-by-search.json

@@ -0,0 +1 @@
+{"id":"37","title":"Holmes.js: Filter page content by search","image":"37-holmesjs.jpg","description":"Holmes.js allows you to show & hide or filter page content on the fly by keyword search.","url_github":"https://github.com/Haroenv/holmes/","url_npm":"https://www.npmjs.com/package/holmes.js","url_demo":"https://haroen.me/holmes/"}

plugins/horsey-js-search-autocomplete.json

@@ -0,0 +1 @@
+{"id":"38","title":"Horsey.js: Search autocomplete","image":"38-horseyjs.jpg","description":"Horsey.js is a customizable autocomplete library with support for ajax, suggestions, key pairs, custom HTML rendering, textarea and dropdown lists. ","url_github":"https://github.com/bevacqua/horsey","url_npm":"https://www.npmjs.com/package/horsey","url_demo":"http://bevacqua.github.io/horsey/"}

plugins/i-phone-inline-video-js-mobile-ios-inline-video.json

@@ -0,0 +1 @@
+{"id":"42","title":"iPhoneInlineVideo.js: Mobile IOS inline video","image":"42-inline-video-iphone.jpg","description":"iPhoneInlineVideo.js allows you to play IOS mobile videos inline by preventing Safari's automatic fullscreen functionality.","url_github":"https://github.com/bfred-it/iphone-inline-video","url_npm":"https://www.npmjs.com/package/iphone-inline-video","url_demo":"http://bfred-it.github.io/iphone-inline-video/demo/"}

plugins/iconate-js-icon-transformation-library.json

@@ -0,0 +1 @@
+{"id":"39","title":"Iconate.js: Icon transformation library","image":"39-iconatejs.jpg","description":"Iconate.js is a library for transforming/morphing one icon into another with custom easings. ","url_github":"https://github.com/bitshadow/iconate","url_npm":"https://www.npmjs.com/package/iconate","url_demo":"https://bitshadow.github.io/iconate/"}

plugins/impress-js-presentation-library.json

@@ -0,0 +1 @@
+{"id":"40","title":"Impress.js: Presentation library","image":"40-impressjs.png","description":"Impress.js is a presentation library powered by keyboard shortcuts and optimised CSS transitions.","url_github":"https://github.com/impress/impress.js","url_npm":null,"url_demo":"http://impress.github.io/impress.js/#/title"}

plugins/intense-images-js-image-zoom.json

@@ -0,0 +1 @@
+{"id":"41","title":"IntenseImages.js: Image zoom","image":"41-intense-image.jpg","description":"IntenseImages.js is an image zoom library with cursor awareness functionality for very large images.","url_github":"https://github.com/tholman/intense-images","url_npm":null,"url_demo":"http://tholman.com/intense-images/"}

plugins/is-mobile-js-mobile-detection.json

@@ -0,0 +1 @@
+{"id":"43","title":"IsMobile.js: Mobile detection","image":"43-ismobilejs.jpg","description":"IsMobile.js is a mobile detection library for phones and tablets with support for specific model detection.","url_github":"https://github.com/kaimallea/isMobile","url_npm":"https://www.npmjs.com/package/ismobilejs","url_demo":null}

plugins/isotope-js-masonry-layout.json

@@ -0,0 +1 @@
+{"id":"44","title":"Isotope.js: Masonry layout","image":"44-isotope.png","description":"Isotope.js is a responsive masonry layout library with options for sorting and filtering.","url_github":"https://github.com/metafizzy/isotope","url_npm":"https://www.npmjs.com/package/isotope-layout","url_demo":"http://isotope.metafizzy.co/"}

plugins/jump-js-smooth-scroll.json

@@ -0,0 +1 @@
+{"id":"45","title":"Jump.js: Smooth scroll","image":"45-jumpjs2.jpg","description":"Jump.js is a smooth scroll library with support for callbacks and custom easings.","url_github":"https://github.com/callmecavs/jump.js","url_npm":"https://www.npmjs.com/package/jump.js","url_demo":"http://callmecavs.com/jump.js/"}

plugins/kajero-js-content-editable-markdown.json

@@ -0,0 +1 @@
+{"id":"46","title":"Kajero.js: Content editable markdown","image":"46-kajerojs.jpg","description":"Kajero.js is a markdown document library that's completely content editable on the frontend. Kajero.js also allows you to visualize and execute code blocks within your markdown.","url_github":"https://github.com/JoelOtter/kajero","url_npm":"https://www.npmjs.com/package/kajero","url_demo":"http://www.joelotter.com/kajero/"}

plugins/keymaster-js-keyboard-shortcuts.json

@@ -0,0 +1 @@
+{"id":"47","title":"Keymaster.js: Keyboard shortcuts","image":"47-keymaster.jpg","description":"Keymaster.js allows you to define and execute custom keyboard shortcuts in your web page or web app.","url_github":"https://github.com/madrobby/keymaster","url_npm":"https://www.npmjs.com/package/keymaster","url_demo":"http://madrobby.github.io/keymaster/"}

plugins/l-pology-js-drag-drop-uploads.json

@@ -0,0 +1 @@
+{"id":"53","title":"LPology.js: Drag & drop uploads","image":"53-lpologyjs.jpg","description":"LPology.js is a drag and drop style frontend file uploader with upload progress and file previews.","url_github":"https://github.com/LPology/Simple-Ajax-Uploader","url_npm":"https://www.npmjs.com/package/simple-ajax-uploader","url_demo":"https://www.lpology.com/code/ajaxuploader/"}

plugins/lazy-sizes-js-image-lazy-loading.json

@@ -0,0 +1 @@
+{"id":"48","title":"LazySizes.js: Image lazy loading","image":"48-lazysizes.jpg","description":"LazySizes.js is an SEO friendly image lazy loading library.","url_github":"https://github.com/aFarkas/lazysizes","url_npm":"https://www.npmjs.com/package/lazysizes","url_demo":"http://afarkas.github.io/lazysizes/#examples"}

plugins/lightense-images-js-image-zoom.json

@@ -0,0 +1 @@
+{"id":"49","title":"LightenseImages.js: Image zoom","image":"49-lightense-images.jpg","description":"LightenseImages.js is simple image zoom library inspired by Medium's Zoom.js.","url_github":"https://github.com/sparanoid/lightense-images","url_npm":null,"url_demo":"http://sparanoid.com/work/lightense-images/"}

plugins/list-js-search-sort-filter.json

@@ -0,0 +1 @@
+{"id":"50","title":"List.js: Search, sort, filter","image":"50-listjs.jpg","description":"List.js allows you to add search, sort and filter functionality to your lists, tables and HTML.","url_github":"https://github.com/javve/list.js","url_npm":"https://www.npmjs.com/package/list.js","url_demo":"http://www.listjs.com/"}

plugins/lory-js-mobile-first-slider.json

@@ -0,0 +1 @@
+{"id":"51","title":"Lory.js: Mobile first slider","image":"51-loryjs.jpg","description":"Lory.js is a touch enabled slider written in ES6.","url_github":"https://github.com/meandmax/lory","url_npm":"https://www.npmjs.com/package/lory.js","url_demo":"http://meandmax.github.io/lory/"}

plugins/loud-links-js-interaction-sounds.json

@@ -0,0 +1 @@
+{"id":"52","title":"LoudLinks.js: Interaction sounds","image":"52-loudlinks.jpg","description":"LoudLinks.js plays audio from .MP3 and .OGG on DOM element interaction.","url_github":"https://github.com/mahdif/loud-links/","url_npm":null,"url_demo":"http://loudlinks.rocks/"}

plugins/mark-js-keyword-highlighter.json

@@ -0,0 +1 @@
+{"id":"54","title":"Mark.js: Keyword highlighter","image":"54-markjs.jpg","description":"Mark.js is a search term highlighting library useful for marking search terms and regular expressions on the fly.","url_github":"https://github.com/julmot/mark.js/","url_npm":null,"url_demo":"https://markjs.io/"}

plugins/medium-editor-js-wysiwyg-text-editor.json

@@ -0,0 +1 @@
+{"id":"55","title":"MediumEditor.js: WYSIWYG text editor","image":"55-mediumeditorjs.jpg","description":"MediumEditor.js is a great looking rich text editor based on medium.com.","url_github":"https://github.com/yabwe/medium-editor","url_npm":"https://www.npmjs.com/package/medium-editor","url_demo":"http://yabwe.github.io/medium-editor/"}

plugins/microlight-js-code-highlighting.json

@@ -0,0 +1 @@
+{"id":"56","title":"Microlight.js: Code highlighting","image":"56-microlightjs.png","description":"Microlight.js is a compact code snippet highlighter.","url_github":"https://github.com/asvd/microlight","url_npm":"https://www.npmjs.com/package/microlight","url_demo":"http://asvd.github.io/microlight/"}

plugins/minigrid-js-masonry-layout.json

@@ -0,0 +1 @@
+{"id":"57","title":"Minigrid.js: Masonry layout","image":"57-minigrid.png","description":"Minigrid.js is a responsive masonry grid layout library.","url_github":"https://github.com/henriquea/minigrid","url_npm":"https://www.npmjs.com/package/minigrid","url_demo":"http://minigrid.js.org/"}

plugins/mo-js-animation-library.json

@@ -0,0 +1 @@
+{"id":"58","title":"Mo.js: Animation library","image":"58-mojs.jpg","description":"Mo.js is a motion graphics library geared towards the serious interaction developer.","url_github":"https://github.com/legomushroom/mojs","url_npm":"https://www.npmjs.com/package/mo-js","url_demo":"http://mojs.io/"}

plugins/nanobar-js-progress-bar.json

@@ -0,0 +1 @@
+{"id":"59","title":"Nanobar.js: Progress bar","image":"59-nanobar.jpg","description":"Nanobar.js is a progress/loading bar library suitable for page transitions.","url_github":"https://github.com/jacoborus/nanobar","url_npm":"https://www.npmjs.com/package/nanobar","url_demo":"http://nanobar.jacoborus.codes/"}

plugins/no-ui-slider-js-range-slider.json

@@ -0,0 +1 @@
+{"id":"60","title":"noUiSlider.js: Range slider","image":"60-nouislider.png","description":"noUiSlider.js is a configurable range slider for mobile and desktop browsers.","url_github":"https://github.com/leongersen/noUiSlider","url_npm":"https://www.npmjs.com/package/nouislider","url_demo":"http://refreshless.com/nouislider/"}

plugins/parallax-js-parllax-motion-engine.json

@@ -0,0 +1 @@
+{"id":"61","title":"Parallax.js: Parllax motion engine","image":"61-parallax-js.jpg","description":"Parallax.js reacts to the orientation of your smartphone and gyroscope or browser cursor. ","url_github":"https://github.com/wagerfield/parallax","url_npm":null,"url_demo":"http://matthew.wagerfield.com/parallax/"}

plugins/particles-js-particle-generator.json

@@ -0,0 +1 @@
+{"id":"62","title":"Particles.js: Particle generator","image":"62-particles.png","description":"Particles.js is a library for creating and customizing animated particles.","url_github":"https://github.com/VincentGarreau/particles.js/","url_npm":"https://www.npmjs.com/package/particles.js","url_demo":"http://vincentgarreau.com/particles.js/"}

plugins/photoswipe-js-image-gallery.json

@@ -0,0 +1 @@
+{"id":"63","title":"Photoswipe.js: Image gallery","image":"63-photoswipejs.jpg","description":"Photoswipe.js is a comprehensive image gallery with an internal lazy loading library, clever position awareness transitions and modal gallery.","url_github":"https://github.com/dimsemenov/PhotoSwipe","url_npm":"https://www.npmjs.com/package/photoswipe","url_demo":"http://photoswipe.com/"}

plugins/pikaday-js-date-picker.json

@@ -0,0 +1 @@
+{"id":"64","title":"Pikaday.js: Date picker","image":"64-pikadayjs.jpg","description":"Pikaday.js is a minimalistic and styleable date picker.","url_github":"https://github.com/dbushell/Pikaday","url_npm":"https://www.npmjs.com/package/pikaday","url_demo":"http://dbushell.github.io/Pikaday/"}

plugins/pixi-js-2d-web-gl-rendering-engine.json

@@ -0,0 +1 @@
+{"id":"65","title":"Pixi.js: 2D WebGL rendering engine","image":"65-pixijsv3.jpg","description":"Pixi.js is a light, powerful 2D renderer that makes it easy to work with WebGL.","url_github":"https://github.com/pixijs/pixi.js","url_npm":"https://www.npmjs.com/package/pixi.js","url_demo":"http://www.pixijs.com/"}

plugins/places-js-address-search-autocomplete.json

@@ -0,0 +1 @@
+{"id":"66","title":"Places.js: Address search autocomplete","image":"66-placesjs.jpg","description":"Algolia Places.js is a powerful address search autocomplete library. ","url_github":"https://github.com/algolia/places","url_npm":"https://www.npmjs.com/package/places.js","url_demo":"https://community.algolia.com/places/"}

plugins/plyr-js-html-video-player.json

@@ -0,0 +1 @@
+{"id":"67","title":"Plyr.js: HTML video player","image":"67-plyrjs.jpg","description":"Plyr.js is an HTML5 video player library with out the box support for YouTube and Vimeo media.","url_github":"https://github.com/selz/plyr","url_npm":"https://www.npmjs.com/package/plyr","url_demo":"https://plyr.io/"}

plugins/popmotion-js-animation-engine.json

@@ -0,0 +1 @@
+{"id":"68","title":"Popmotion.js: Animation engine","image":"68-popmotionjs.jpg","description":"Popmotion.js is a great animation engine/library that supports tweening, svg morphing, svg drawing, element staggering and support for three.js.","url_github":"https://github.com/Popmotion/popmotion","url_npm":"https://www.npmjs.com/package/popmotion","url_demo":"https://popmotion.io/"}

plugins/popper-js-tooltip-library.json

@@ -0,0 +1 @@
+{"id":"69","title":"Popper.js: Tooltip library","image":"69-popperjs.jpg","description":"Popper.js is a tooltip library that allows you to build spatially aware tooltips with programmable boundaries.","url_github":"https://github.com/FezVrasta/popper.js","url_npm":"https://www.npmjs.com/package/popper.js","url_demo":"https://popper.js.org/"}

plugins/progress-bar-js-svg-progress-bars.json

@@ -0,0 +1 @@
+{"id":"70","title":"ProgressBar.js: SVG progress bars","image":"70-progressbarjs2.jpg","description":"ProgressBar.js allows you to create and animate responsive SVG progress bars.","url_github":"https://github.com/kimmobrunfeldt/progressbar.js","url_npm":"https://www.npmjs.com/package/progressbar.js","url_demo":"https://kimmobrunfeldt.github.io/progressbar.js/"}

plugins/push-js-desktop-push-notifications.json

@@ -0,0 +1 @@
+{"id":"71","title":"Push.js: Desktop push notifications","image":"71-pushjs.jpg","description":"Push.js is a push notification library for all modern browsers with graceful fallbacks for older unsupported browsers.","url_github":"https://github.com/Nickersoft/push.js","url_npm":"https://www.npmjs.com/package/push.js","url_demo":"http://nickersoft.github.io/push.js/demo.html"}

plugins/quill-js-wysiwyg-text-editor.json

@@ -0,0 +1 @@
+{"id":"72","title":"Quill.js: WYSIWYG text editor","image":"72-quilljs.jpg","description":"Quill.js is a well supported rich text WYSIWYG editor.","url_github":"https://github.com/quilljs/quill/","url_npm":"https://www.npmjs.com/package/quill","url_demo":"http://quilljs.com/"}

plugins/random-color-js-color-generator.json

@@ -0,0 +1 @@
+{"id":"73","title":"RandomColor.js: Color generator","image":"73-randomcolor.png","description":"RandomColor.js is a random color generator which generates only brighter, more visually pleasing colors.","url_github":"https://github.com/davidmerfield/randomColor","url_npm":"https://www.npmjs.com/package/randomcolor","url_demo":"https://randomcolor.llllll.li/"}

plugins/rellax-js-parallax-scrolling.json

@@ -0,0 +1 @@
+{"id":"74","title":"Rellax.js: Parallax scrolling","image":"74-rellaxjs.jpg","description":"Rellax.js is a lightweight parallax scrolling library for desktop browsers.","url_github":"https://github.com/dixonandmoe/rellax","url_npm":"https://www.npmjs.com/package/rellax","url_demo":"https://dixonandmoe.com/rellax/"}

plugins/rome-js-date-time-picker.json

@@ -0,0 +1 @@
+{"id":"76","title":"Rome.js: Date & time picker","image":"76-rome.png","description":"Rome.js is a customizable date and time picker.","url_github":"https://github.com/bevacqua/rome","url_npm":"https://www.npmjs.com/package/rome","url_demo":"https://bevacqua.github.io/rome/"}

plugins/sal-js-scroll-animation-library.json

@@ -0,0 +1 @@
+{"id":"129","title":"Sal.js: Scroll animation library","image":"129-sal.js.jpg","description":"A performance focused, lightweight scroll animation library","url_github":"https://github.com/mciastek/sal","url_npm":"https://www.npmjs.com/package/sal.js","url_demo":"https://mciastek.github.io/sal/"}

plugins/scroll-reveal-show-hide-on-scroll.json

@@ -0,0 +1 @@
+{"id":"112","title":"ScrollReveal: Show & hide on scroll","image":"112-scrollreveal.gif","description":"ScrollReveal.js is a tidy scroll reveal library for showing and hiding things on desktop and mobile.","url_github":"https://github.com/jlmakes/scrollreveal.js","url_npm":"https://www.npmjs.com/package/scrollreveal","url_demo":"https://scrollrevealjs.org/"}

plugins/scroll-trigger-js-animate-on-scroll.json

@@ -0,0 +1 @@
+{"id":"78","title":"ScrollTrigger.js: Animate on scroll","image":"78-scrolltriggerjs.jpg","description":"ScrollTrigger.js fires animations on HTML elements as you scroll via CSS classes.","url_github":"https://github.com/terwanerik/ScrollTrigger","url_npm":"https://www.npmjs.com/package/scrolltrigger-classes","url_demo":"https://terwanerik.github.io/ScrollTrigger/"}

plugins/seen-js-3d-scenes.json

@@ -0,0 +1 @@
+{"id":"79","title":"Seen.js: 3D scenes","image":"79-seenjs.png","description":"Seen.js is a library for rendering simple 3D scenes as HTML canvas and SVG.","url_github":"https://github.com/themadcreator/seen","url_npm":"https://www.npmjs.com/package/seen","url_demo":"http://seenjs.io/demo-noisy-patch.html"}

plugins/segment-js-animate-svg-paths.json

@@ -0,0 +1 @@
+{"id":"80","title":"Segment.js: Animate SVG paths","image":"80-segmentjs.jpg","description":"Segment.js is a simple library for animating SVG paths.","url_github":"https://github.com/lmgonzalves/segment","url_npm":"https://www.npmjs.com/package/segment-js","url_demo":"http://lmgonzalves.github.io/segment/"}

plugins/select-js-styleable-dropdowns.json

@@ -0,0 +1 @@
+{"id":"81","title":"Select.js: Styleable dropdowns","image":"81-selectjs.png","description":"Select.js is a library for generating customizable select dropdowns.","url_github":"https://github.com/HubSpot/select","url_npm":"https://www.npmjs.com/package/tether-select","url_demo":"http://github.hubspot.com/select/docs/welcome/"}

plugins/shepherd-js-guided-notifications.json

@@ -0,0 +1 @@
+{"id":"82","title":"Shepherd.js: Guided notifications","image":"82-shepherd.png","description":"Shepherd.js guides users through your web application with programmable steps and instructions.","url_github":"https://github.com/HubSpot/shepherd","url_npm":"https://www.npmjs.com/package/tether-shepherd","url_demo":"http://github.hubspot.com/shepherd/docs/welcome/"}

plugins/snap-svg-js-svg-animation-library.json

@@ -0,0 +1 @@
+{"id":"83","title":"SnapSVG.js: SVG animation library","image":"83-snapsvgjs.jpg","description":"SnapSVG.js is a creative SVG animation library that allows you to add motion and life to SVG's.","url_github":"https://github.com/adobe-webplatform/Snap.svg","url_npm":"https://www.npmjs.com/package/snapsvg","url_demo":"http://snapsvg.io/"}

plugins/socialite-js-social-sharing-buttons.json

@@ -0,0 +1 @@
+{"id":"84","title":"Socialite.js: Social sharing buttons","image":"84-socialite.png","description":"Socialite.js is a library for adding asynchronous social buttons.","url_github":"https://github.com/tmort/Socialite","url_npm":null,"url_demo":"http://socialitejs.com/"}

plugins/sortable-js-sortable-content.json

@@ -0,0 +1 @@
+{"id":"85","title":"Sortable.js: Sortable content","image":"85-sortable.png","description":"Sortable.js is a drag and drop library for re-ordering HTML content.","url_github":"https://github.com/RubaXa/Sortable","url_npm":"https://www.npmjs.com/package/sortablejs","url_demo":"http://rubaxa.github.io/Sortable/"}

plugins/spin-js-customizable-loader-animation.json

@@ -0,0 +1 @@
+{"id":"86","title":"Spin.js: Customizable loader animation","image":"86-spin.jpg","description":"Spin.js creates efficient loader animations on the fly with HTML and CSS keyframes.","url_github":"https://github.com/fgnass/spin.js","url_npm":"https://www.npmjs.com/package/spin.js","url_demo":"http://spin.js.org/"}