Giter Club home page Giter Club 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

  • base - Responsive CSS framework with IE7+ support
  • BASSCSS - Low-level CSS toolkit
  • bootflat - Bootstrap with a flat design theme
  • Bootswatch - A collection of themes for Bootstrap
  • cardinal - Cardinal is a small mobile first CSS framework
  • caramel - A simple, beautiful, responsive, modern CSS framework
  • famo.us - Framework that helps you to create UIs
  • kube - Minimalistic Web framework
  • materialize - A modern responsive front-end framework based on Material Design
  • papier - Material design like minimal CSS framework
  • pure - A set of small, responsive CSS modules
  • semantic-ui - UI Kit with lots of themes and elements
  • skeleton - A dead simple, responsive boilerplate.
  • uikit - A lightweight and modular front-end framework

Charts

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

Maps

  • Cesium - Library for creating 3D globes and 2D maps in a web browser without a plugin
  • Kartograph - Simple and lightweight framework for building interactive map applications without Google Maps
  • leaflet - Library for Mobile-Friendly Interactive Maps
  • leaflet generator - Yeoman generator that scaffolds out a leaflet map application
  • leaflet plugins - Notable Leaflet Plugins
  • leaflet topojson support - TopoJSON-aware Leaflet layer
  • mapsicon - Collection of maps for nearly every country in the world in PNG and SVG
  • osmbuildings - Library for visualizing buildings as pseudo 3D objects on interactive maps
  • openlayers3 - Mapping library that supports different projections
  • planetary - Interactive globes for the web
  • smallworld - A small utility for generating a small world
  • topojson - An extension to GeoJSON that encodes topology
  • turf - A modular geospatial engine

Text

  • bacon - Wraps text around a Bézier curve or a line
  • bigfoot.js - Responsive popover footnotes
  • dropcap.js - CSS dropcaps
  • flowtype - Responsive typography
  • grande.js - Library that implements features from Medium's editing experience
  • lining.js - A complete DOWN-TO-THE-LINE control for radical web typography
  • lettering - JQuery web typography plugin
  • pen - Editor with markdown support
  • Plumin.js - Create and manipulate fonts using javascript
  • side-comments - Medium style comments
  • slabText - jQuery plugin for producing big, bold & responsive headlines
  • smart underline - Descender-aware underlines for every browser
  • typeahead.js - Foundation for building robust typeaheads
  • Typeplate - A typographic starter kit

Video

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

Audio

Tables

  • Clusterize.js - Vanilla plugin to display large data sets
  • DataTables - jQuery plugin which adds sorting, paging and filtering abilities to plain HTML tables with minimal effort
  • dynatables - Semantic and interactive table plugin using jQuery, HTML5, and JSON
  • handson table - Minimalist Excel-like data grid editor
  • ListJS - Adds search, sort, filters and flexibility to plain HTML lists, tables, or anything
  • sortable - Makes tables sortable

Module Loaders

  • Browserify - Lets you require('modules') in the browser
  • RequireJS - A file and AMD module loader
  • stealjs - Dependency loader and builder
  • Systemjs - ES6, AMD and CommonJS loader
  • webpack - CommonJs and AMD module loader

Lazy Loading

  • Aload - Asynchronously loads images, scripts, styles and more
  • echo - Standalone lazy loading image micro-library
  • layzr.js - Dependency-free library for lazy loading images
  • loadXT - Lazy loading for any elements
  • Unveil - Lightweight plugin to lazy load images for jQuery or Zepto.js
  • echo - Lazy-loading images with data-* attributes

Scrolling

  • fracs - Plugin to determine the visible fractions of HTML elements
  • midnight.js - Make your header looks great with the content below it as you scroll
  • scroll-scope.js - Keep parent element still when scrolling an element to its boundary
  • scrollme - A jQuery plugin for adding simple scrolling effects to web pages
  • ScrollMagic - Library for scroll interactions
  • skrollr - Stand-alone parallax scrolling library for mobile and desktop
  • space.js - A HTML-driven JavaScript-library for narrative 3D-scrolling
  • superscrollorama - The jQuery plugin for supercool scroll animation
  • WOW - Reveal CSS animation as you scroll down a page
  • headroom - Hide your header until you need it:

Animations

UI Elements

  • awesomplete - Lightweight autocomplete
  • Bootstrap-growl - Turns standard Bootstrap alerts into "Growl-like" notifications
  • Bootstrap Notify - Turn standard bootstrap alerts into "growl" like notifications
  • button concepts - List of CSS button variations
  • chosen - Library for making long, unwieldy select boxes more friendly
  • countUp.js - Count up or down animation effects for numbers
  • Flipside - A button that seamlessly transitions from action to confirmation with flipping animation
  • Loaders.css - Delightful, performance-focused pure css loading animations
  • Messenger.js - Client-side growl-like notifications with actions and auto-retry.
  • MProgress.js - Google Material Design Progress Linear bar
  • NProgress - Slim progress bars for Ajax'y applications. Inspired by Google, YouTube, and Medium
  • nanobar - Very very lightweight progress bars without jQuery
  • PleaseWait.js - A simple library to show your users a beautiful splash page while your application loads
  • select2 - JQuery based replacement for select boxes
  • Slideout.js - A touch slideout navigation menu for mobile web apps
  • Sortable.js - Reorderable drag-and-drop lists
  • SweetAlert - An awesome replacement for JavaScript's alert
  • tether - Marrying UI Elements (dropdown, tooltips, guide, selects)
  • Toastr - Simple toast notifications

Templating

  • dotjs - Fast templating engine
  • Handlebars - Minimal Templating on Steroids
  • Hogan - JavaScript templating
  • mustache - Minimal templating with {{mustaches}} in JavaScript
  • nunjucks - A rich and powerful templating language
  • paperclip.js - Reactive DOM template engine built for speed, and extensibility

HTTP requests

  • aja - Asynchronous JavaScript And JSON(P)
  • fetch - A window.fetch javascript polyfill
  • intercooler-js - Making AJAX as easy as anchor tags
  • reqwest - Browser asynchronous HTTP requests
  • superagent - Client-side HTTP request library

Dates

  • moment.js - Parse, validate, manipulate, and display dates
  • sugar - Parse, create, manipulate, compare, format and display dates
  • datedropper - datedropper is a jQuery plugin that provides a quick and easy way to manage dates for input fields.
  • Pikaday - A refreshing JavaScript Datepicker — lightweight, no dependencies, modular CSS

Events

General

  • accounting.js - Number, money and currency formatting
  • embed.js - Automatically embeds emojis, media, maps, tweets, code and services
  • formstone - Collection of handy useful scripts
  • jwerty - Handling of keyboard events
  • keymaster - Simple key listener
  • lodash - Utility library delivering consistency, modularity, performance, & extras
  • modernizr - Feature Detection Library

Icons

Colors

Databases

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

Social

  • rrssb - Ridiculously Responsive Social Sharing Buttons
  • share-button - Fast, beautiful, and painless social shares
  • socialcount - Custom sharing buttons with share count
  • Social Likes - Single-style sharing buttons with counters for jQuery
  • whatsapp button - Creates a whatsapp sharing button

Form validation

Internationalization

  • l10ns - Internationalization workflowand formatting
  • globalize - A JavaScript library for internationalization and localization that leverages the official Unicode CLDR JSON data

frontend-stuff's People

Contributors

aspyatkin avatar chrtze avatar citguy avatar destinio avatar di3goleite avatar e98cuenc avatar emanueltimlopez avatar fabianmarz avatar flexbox avatar fonorobert avatar gaursagar avatar grynn avatar jlukic avatar kessiler avatar kgeis avatar kurisubrooks avatar licatajustin avatar lindekaer avatar lucascaprio avatar m19c avatar moklick avatar montogeek avatar noahbuscher avatar piuccio avatar renesansz avatar romanov avatar scottdjwallace avatar ummahusla avatar wass3r avatar wongalvis avatar

Watchers

 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.