xdanielc/Frontend-Utilities

Frontend Utilities

This is a list of Javascript libraries

Chart libraries

• Chart.js
• Morris.js
• Apexcharts
• Apache ECharts
• amCharts (Animated bar race)
• Frappe.io
• ToastUI
• ZingChart
• uPlot

Date libraries

• Moment
• Day

Gallery libraries

• Fancybox
• Photoswipe
• Swipebox
• Magnific Popup
• SwiperJS
• LightGallery

Video Libraries

• VideoJS
• Plyr

Utilities and frameworks

• Underscore
• Backbone
• Marionette
• Lodash
• Polyfill
• Select2
• GravityForms
• RequireJS
• Modernizr

Tables

• Datatables
• Bootstraptable

Random

• Colord, lightest color library, 0 dependencies
• Hammer
• ClipboardJS
• Popper

Filltering

• MixItUp
• isotope
• FilterizR
• Muuri
• Shuffle

Masonry

• Macy

Animation

• Gsap
• AnimeJS

Reveal Animation

• AOS 3.57 + 5.25 = 8.82kb
• Wow + AnimateCSS 4.98 + 2.23 = 7.21kb
• ScrollReveal
• Josh 2kb min + animateCSS
• Waypoints :(
• Sal 2.8kb
• RevealJS Presentaciones

Wow

Wow.js Add clases: wow animate__animated animate__tada new WOW().init();

Scroll triggered

• Choreographer
• Lax
• Motus Cambiar propiedades
• Rellax Simple y decarativo
• Rallax Delimita posiciones, funcina en img
• ScrollTrigger
• ScrollMagicmas antigua, varias prop, 6kb
• Morphing bg Shapes
• T-scroll
• Velocity Parece tener bastantes cosas, algo confuso

Hover

• Atropos

Scroll control

• SweetScroll
• MoveTo (Innecesario con CSS)

Tools

• Loaf

Extra: CSS

• Barebones
• Miligram
• sscafold
• Pure
• Mini
• Blaze
• Spectre
• Bootstrap
• Cirrus
• Bulma
• UIKit

Extra: VS Code extensions

• Live Server
• Bracket pair colorizer
• ES6 snnipets
• Quokka
• CSS Intelisense
• ES6 String highlight
• CSS Peek (Brackets)
• Bulma Snnipets
• Beautify
• CRT Hacker Theme