Giter VIP home page Giter VIP logo

frontend-stuff's Introduction

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
  • [kube] (http://imperavi.com/kube/) - Minimal UI framework with modern designers
  • [react] (https://github.com/facebook/react) - A declarative, efficient, and flexible JavaScript library for building user interfaces.

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
  • vis.js - A dynamic, browser based visualization library.
  • [Google Charts] (https://developers.google.com/chart/) - Interactive charts for displaying live data.
  • [amcharts] (http://www.amcharts.com/) - amCharts is an advanced charting library that will suit any data visualization need.

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
  • grande.js - 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 Bézier 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 - Asynchronously loads 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
  • [PreloadJS] - (http://createjs.com/PreloadJS) - A JavaScript library that lets you manage and co-ordinate the loading of assets.

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
  • scrollmagic - Trigger effects and animations in both scrolling directions

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
  • Messenger.js - Client-side growl-like notifications with actions and auto-retry.

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
  • [sql.js] (https://github.com/kripken/sql.js/) - SQLite compiled to JavaScript. SQLlite inside your browser.

Social

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

JavaScript Compilers

  • [closure compiler] (https://developers.google.com/closure/) - compiles JavaScript into compact, high-performance code. The compiler removes dead code and rewrites and minimizes what's left so that it downloads and runs quickly. It also checks syntax, variable references, and types, and warns about common JavaScript pitfalls.
  • [Traceur Compiler] (https://github.com/google/traceur-compiler) - Traceur is a compiler that takes ECMAScript Edition 6 (including classes, generators, destructuring and much more) and compiles it down to regular Javascript (ECMAScript Edition 5) that runs in your browser.
  • [emscripten] (https://github.com/kripken/emscripten) - Emscripten is an LLVM-to-JavaScript compiler. It takes LLVM bitcode - and compiles to JavaScript.

frontend-stuff's People

Contributors

alelak avatar arifulhb avatar aspyatkin avatar chrtze avatar elahmo avatar flexbox avatar fuechter avatar jlukic avatar kgeis avatar licatajustin avatar lindekaer avatar moklick avatar nh43de avatar noahbuscher avatar romanov avatar ummahusla avatar xrysanthos avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.