/frontend-stuff

A continuously expanded list of framework/libraries and tools I used/want to use when building things on the web. Mostly Javascript stuff.

OtherNOASSERTION

Frontend stuff

A continuously expanded list of framework/libraries and tools I used/want to use when building things on the web. Mostly Javascript stuff.

UI Frameworks

  • semantic-ui - UI Kit with lots of themes and elements
  • cardinal - Cardinal is a small mobile first CSS framework
  • uikit - A lightweight and modular front-end framework
  • pure - A set of small, responsive CSS modules
  • bootflat - Bootstrap with a flat design theme
  • base - Responsive CSS framework with IE7+ support
  • papier - Material design like minimal CSS framework
  • materialize - A modern responsive front-end framework based on Material Design

Charts

  • nvd3 - Re-usable charts and chart components for d3.js
  • c3 - D3-based reusable chart library
  • dc - For heavy amounts of data
  • D3xter - Straight forward plotting built on D3
  • epoch - A general purpose, real-time visualization library
  • metricsgraphics - Optimized for visualizing time-series data
  • chartjs - Simple, clean and engaging charts for designers and developers
  • chartist - Simple responsive charts
  • dimple - An object-oriented API for business analytics powered by d3
  • sparkline - Sparkline charts library
  • sparky - Sparkline charts library based on rapahel
  • jsplumb - Visual connectivity for webapps (flowcharts, sequence diagrams, etc)
  • taucharts - Charts with a focus on design and flexibility

Maps

  • leaflet - Library for Mobile-Friendly Interactive Maps
  • topojson - An extension to GeoJSON that encodes topology
  • leaflet topojson support - TopoJSON-aware Leaflet layer
  • leaflet plugins - Notable Leaflet Plugins
  • leaflet generator - Yeoman generator that scaffolds out a leaflet map application
  • planetary - Interactive globes for the web
  • smallworld - A small utility for generating a small world
  • turf - A modular geospatial engine
  • osmbuildings - Library for visualizing buildings as pseudo 3D objects on interactive maps
  • openlayers3 - Mapping library that supports different projections

Text

  • flowtype - Responsive typography
  • dropcaps - CSS dropcaps
  • side-comments - Medium style comments
  • grandjs - Javascript library that implements features from Medium's editing experience
  • pen - Editor with markdown support
  • lettering - JQuery web typography plugin
  • bacon - Wraps text around a bezier curve or a line
  • smart underline - Descender-aware underlines for every browser

Video

  • medialementjs - Video and audio handling
  • Fitvid - Responsive videos
  • talkie - Combines audio and animations
  • Videojs - Open source HTML5 video player
  • Plyr - A simple HTML5 media player with custom controls and WebVTT captions

Audio

Tables

  • sortable - Makes tables sortable
  • handson table - Minimalist Excel-like data grid editor
  • dynatables - Semantic and interactive table plugin using jQuery, HTML5, and JSON
  • DataTables - jQuery plugin which adds sorting, paging and filtering abilities to plain HTML tables with minimal effort

Lazy-Loading

  • Aload - Loads asynchronously images, scripts, styles and more
  • loadXT - Lazy loading for any elements
  • echo - Standalone JavaScript lazy-loading image micro-library
  • Unveil - Lightweight plugin to lazy load images for jQuery or Zepto.js

Scrolling

  • scrollme - A jQuery plugin for adding simple scrolling effects to web pages
  • WOW - Reveal CSS animation as you scroll down a page
  • superscrollorama - The jQuery plugin for supercool scroll animation
  • fracs - Plugin to determine the visible fractions of HTML elements

Animations

  • semantic ui - transition - Simple CSS3 Animations and transitions
  • impulse - Dynamic Physics Interactions for the Mobile Web
  • velocity - Accelerated JavaScript animation
  • GSAP - Fast animation library
  • bounce.js - CSS3 powered animations
  • snabbt - Animations with javascript and CSS transforms
  • animate.css - A cross-browser library of CSS animations

UI Elements

  • awesomplete - Lightweight autocomplete
  • tether - Marrying UI Elements (dropdown,tooltips,guide,selects)
  • button concepts - List of CSS button variations
  • select2 - JQuery based replacement for select boxes
  • chosen - Library for making long, unwieldy select boxes more friendly
  • NProgress - Slim progress bars for Ajax'y applications. Inspired by Google, YouTube, and Medium
  • PleaseWait.js - A simple library to show your users a beautiful splash page while your application loads
  • SweetAlert - An awesome replacement for JavaScript's alert
  • MProgress.js - Google Material Design Progress Linear bar
  • countUp.js - Count up or down animation effects for numbers

Templating

  • nunjucks - A rich and powerful templating language
  • mustache - Minimal templating with {{mustaches}} in JavaScript
  • dotjs - Fast templating engine
  • Hogan - Javascript templating

HTTP requests

  • reqwest - Browser asynchronous HTTP requests
  • superagent - Client-side HTTP request library
  • aja - Asynchronous JavaScript And JSON(P)

Dates

  • moment.js - Parse, validate, manipulate, and display dates

General

Icons

Colors

  • chromajs - Library for all kinds of color manipulations
  • coolors - Super fast color scheme generator
  • bootflat color picker - Color picker for flat design
  • color - Intuitive color picker
  • colourco - Color scheme tool
  • uiGradients - A handpicked collection of beautiful colour gradients for design and code

Databases

  • pouchdb - Created to help developers build applications that work as well offline as they do online
  • taffydb - Brings database features into your JavaScript applications
  • LokiJS - Embeddable / in-memory database
  • ForerunnerDB - Database with mongo-like query language and data-binding support
  • store.js - LocalStorage wrapper for all browsers without using cookies or flash. Uses localStorage, globalStorage and userData behavior

Social

  • socialcount - Custom sharing buttons with share count
  • whatsapp button - Creates a whatsapp sharing button
  • rrssb - Ridiculously Responsive Social Sharing Buttons