Nice frontend resources 💅

A curated list of Javascript & CSS resources.

Contents

• Animations
• Autocomplete
• Boilerplates
• Captcha
• Carousel
• Charts
• Color
• Dates
• Drag&Drop
• Forms
• Grid
• HTTP
• i18n
• Icons
• Loaders
• Maps
• Media gallery
• Mind blowing miscellany
• Responsive
• Router
• Scroll
• Selects
• Set of components
• State
• Tests
• Tooltips

Animations 💃

• Animate.css - (CSS)
• Choreographer-js - (VanillaJS)
• Csshake - (CSS)
• Easing Functions Cheat Sheet - (CSS / jQuery)
• flubber - (VanillaJS)
• magic - (CSS)
• Popmotion - (VanillaJS)
• React Morph - (React)
• React-Move - (React)
• wobble - (VanillaJS)

Autocomplete 🍔

• downshift - (React)

Boilerplate 🏡

• Create React App - (React)
• Style Guide Guide - (Jekyll)
• react boilerplate - (React)

Captcha 💂‍♂️

• react-google-recaptcha - (React)

Carousel 🎠

• react-slick - (React)
• Siema - (VanillaJS)

Charts 📈

• d3 - (VanillaJS)
• react-vis - (React)
• Recharts - (React)

Color 🌈

• Chroma.js - (VanillaJS)
• Grabient - (CSS)
• Granim.js - (VanillaJS)
• Vibrant.js - (VanillaJS)
• Viz Palette - (VanillaJS / CSS)
• WebGradients - (CSS)

Dates 📅

• Day.js - (VanillaJS)
• Moment.js - (VanillaJS)
• react-big-calendar - (React)
• react-dates - (React)
• Toast UI Calendar - (VanillaJS)

Drag&Drop 🔃

• react-beautiful-dnd - (React)
• React DnD - (React)

Grid 🏁

• ag-Grid - (VanillaJS)
• React Masonry Component - (React)
• Salvattore - (jQuery)

Forms 📝

• Cleave.js - (VanillaJS / React)
• MediumEditor - (VanillaJS)
• Ory / Editor - (React)
• redux-form - (React)

HTTP ⚡

• axios - (VanillaJS)
• r2 - (VanillaJS)

i18n 👅

• React Intl - (React)
• react-redux-i18n - (React)

Icons ❗

• cssicon - (CSS)

Loaders 🌀

• css-loaders - (CSS)

Maps 🌎

• CesiumJS - (VanillaJS)
• deck.gl - (VanillaJS)
• Leaflet - (VanillaJS)
• Mapbox GL JS - (VanillaJS)
• react-map-gl - (React)
• turf - (VanillaJS)

Media gallery 🌄

• lightgallery.js - (VanillaJS)

Mind blowing miscellany 💥

• CSS Blocks
• Driver.js - (VanillaJS)
• Open MCT
• terrain - (VanillaJS)
• Tesseract.js - (VanillaJS)
• React Helmet - (React)
• react-overdrive - (React)
• react-pdf - (React)
• Redux Offline - (VanillaJS)
• Rough.js - (VanillaJS)
• WebSlides

Responsive ↔️

• react-responsive - (React)
• redux-responsive - (React)

Router 🎩

• Redux-First Router - (React)

Scroll 📜

• in-view.js - (VanillaJS)

Selects 🎡

• downshift - (React)
• React-Select - (React)
• React Selectize - (React)

Set of components 🍱

• egjs - (VanillaJS)
• React Toolbox - (React)
• wired-elements - (VanillaJS)

State 📁

• redux - (VanillaJS)
• Rematch - (VanillaJS)

Tests 👮

• mocha-wrap - (VanillaJS)

Tooltips 💬

• Popper.js - (VanillaJS)
• React Tether - (React)
• React Tippy - (React)