README

The Things

A collection of all things web, because my memory sucks and so does yours. You're more than welcome to contribute, just head on over to the contribution guidelines for details.

Front-end

Content

Front-end

Interface Frameworks

  • Bootstrap - GitHub - UI - An open source toolkit for developing with HTML, CSS, and JS.

  • Bulma - GitHub - UI - An open source CSS framework based on Flexbox.

  • Flexbox Grid - GitHub - Grid - A grid system based on the flex display property.

  • Foundation - GitHub - UI - The most advanced responsive front-end framework in the world.

  • Kube - GitHub - UI - A web framework for professional developers and designers alike.

  • Semantic UI - GitHub - UI - Helps create responsive layouts using human-friendly HTML.

  • Tachyons - GitHub - CSS - Create readable and responsive interfaces with as little CSS as possible.

  • Tailwind - GitHub - CSS - A utility-first CSS framework for rapid UI development.

  • UIkit - GitHub - UI - A lightweight and modular front-end framework for developing web interfaces.

JavaScript Frameworks

  • Angular - GitHub - Reuse your code and abilities to build apps for any deployment target.

  • Ember - GitHub - A framework for ambitious web developers.

  • Meteor - GitHub - An open source platform for web, mobile, and desktop.

  • React - GitHub - A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Stimulus - GitHub - A modest JavaScript framework for the HTML you already have.

  • Vue - GitHub - A progressive, incrementally-adoptable JS framework for building UI on the web.

  • bigSlide - GitHub - jQuery - A tiny slide panel navigation jQuery plugin with big dreams.

  • Canvi - GitHub - A simple vanilla JavaScript off-canvas menu.

  • MenuSpy - GitHub - A library to make navigation menus highlight items based on current section.

  • mmenu - GitHub - jQuery - A plugin for app look-alike on- and off-canvas menus.

  • PriorityNav - GitHub - Javascript implementation for Priority+ Navigation.

  • Pushy - GitHub - jQuery - A responsive off-canvas navigation menu.

  • SlickNav - GitHub - jQuery - Responsive mobile menu plugin for jQuery.

  • Slideout - GitHub - A touch slideout navigation menu for your mobile web apps.

  • Tocbot - GitHub - Build a table of contents from headings in an HTML document.

Sliders

  • basicSlider - GitHub - A slider in its purest form.

  • Flickity - GitHub - Touch, responsive, flickable carousels.

  • Glide.js - GitHub - A dependency-free JavaScript ES6 slider and carousel.

  • Lory - GitHub - Touch enabled minimalistic slider written in vanilla JavaScript.

  • Owl - GitHub - jQuery - Touch enabled jQuery plugin that lets you create a responsive carousel slider.

  • Siema - GitHub - Lightweight and simple carousel in pure JavaScript.

  • Slick - GitHub - jQuery - The last carousel you'll ever need.

  • Swiper - GitHub - Most modern mobile touch slider with hardware accelerated transitions.

  • Tiny Slider - GitHub - Vanilla javascript slider for all purposes.

  • Wallop - GitHub - A minimal JS library for showing and hiding things.

Lightboxes

Modals

Tooltips

  • Popper - GitHub - A library used to position poppers in web applications.

  • Tippy - GitHub - A highly customizable vanilla JS tooltip/popover library powered by Popper.js.

Audio and Video

  • Audio5js - GitHub - Audio - The HTML5 audio compatibility layer.

  • Howler - GitHub - Audio - Javascript audio library for the modern web.

  • MediaElement - GitHub - Audio Video - HTML5 <audio> or <video> player

  • Plyr - GitHub - Video - A simple HTML5, YouTube and Vimeo player.

  • Soundcite - GitHub - Audio - Making inline audio easy and seamless.

  • SoundJS - GitHub - Audio - A JavaScript library for working with audio.

  • Video.js - GitHub - Video - Open source HTML5 and Flash video player.

2D and 3D

  • Babylon - GitHub - 3D - A JavaScript framework for building 3D games with HTML 5 and WebGL.

  • Cannon.js - GitHub - 3D - A lightweight 3D physics engine written in JavaScript.

  • EaselJS - GitHub - 2D - A JavaScript library that makes working with the HTML5 Canvas element easy.

  • Paper.js - GitHub - 2D - The Swiss Army Knife of vector graphics scripting.

  • SceneJS - GitHub - 3D - An extensible WebGL-based engine for high-detail 3D visualisation.

  • Sketchfab - 3D - Publish, share, and discover 3D content on web, mobile, AR, and VR.

  • three.js - GitHub - 3D - JavaScript 3D library.

Animation

  • Animate on Scroll - GitHub - Small library to animate elements on your page as you scroll.

  • Animate Plus - GitHub - A+ animation module for the modern web.

  • Animate.css - GitHub - A cross-browser library of CSS animations.

  • Anime | GitHub - A lightweight JavaScript animation library.

  • GreenSock - The new standard for HTML5 and javascript animation.

  • Hover.css - GitHub - A collection of CSS3 powered hover effects.

  • Lottie - GitHub - Render After Effects animations natively on the web.

  • Magic Animations - GitHub - jQuery - CSS3 animations with special effects.

  • Matter - GitHub - A 2D rigid body physics engine for the web.

  • Mo - GitHub - Motion graphics tool belt for the web.

  • PixiJS - GitHub - Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.

  • Rebound - GitHub - A simple library that models spring dynamics for driving physical animations.

  • Rekapi - GitHub - A keyframe animation library for JavaScript.

  • Tween - GitHub - JavaScript tweening engine for easy animations.

  • TweenJS - GitHub - A library for tweening and animating HTML5 and JavaScript properties.

  • Velocity.js - GitHub - jQuery - Accelerated JavaScript animation.

Data

  • Billboard.js - GitHub - D3.js - Re-usable, easy interface JavaScript chart library based on D3.js.

  • Chart.js - GitHub - Simple HTML5 Charts using the <canvas> tag.

  • D3.js - GitHub - Bring data to life with SVG, Canvas and HTML.

  • Google Charts - Display live data on your site.

  • p5.js - GitHub - A JS library based on the core principles of Processing.

Forms

  • Chosen - GitHub - Fields jQuery - A library for making long, unwieldy select boxes more friendly.

  • FieldKit - GitHub - Fields - Provides real-time, text field formatting as users type.

  • Garlic - GitHub - Validation jQuery - Automatically persist your forms' text and select field values locally.

  • Hyperform - GitHub - Validation - Capture form validation back from the browser.

  • Parsley - GitHub - Validation jQuery - JavaScript form validation without actually writing a single line of JS.

  • Selectize - GitHub - Fields jQuery - An extensible jQuery-based custom <select> UI control.

  • Stripe Elements - GitHub - Fields Stripe - Examples of stylish forms that use Stripe Elements.

  • Algolia - The most reliable platform for building search into your business.

  • Elasticsearch - A distributed, RESTful search and analytics engine.

  • Swiftype - A fast, flexible search solution that helps you surface your website’s most relevant content.

Tables

  • DataTables - jQuery - Add advanced interaction controls to your HTML tables.

  • Tablesaw - GitHub - A group of plugins for responsive tables.

Layout

  • Bricks - GitHub - A blazing fast masonry layout generator for fixed width elements.

  • Isotope - GitHub - Filter and sort magical layouts.

  • Macy.js - GitHub - A lightweight, dependency-free, masonry layout library.

  • Masonry - GitHub - Cascading grid layout plugin.

  • Packery - GitHub - Gapless, draggable grid layouts.

  • Shuffle - GitHub - Categorize, sort, and filter a responsive grid of items.

Drag and Drop

Syntax Highlighting

  • Highlight.js - GitHub - A syntax highlighter written in JavaScript.

  • Prism - GitHub - Lightweight, robust, elegant syntax highlighting.

  • Rainbow - GitHub - Simple syntax highlighting library written in JavaScript

Typography

  • Charming - GitHub - Manipulation - Lettering.js in vanilla JavaScript.

  • cloud.typography - Web Fonts - The webfont solution for design professionals.

  • FitText - GitHub - Manipulation - Github: a standalone version of the FitText.js jQuery plugin.

  • Google Fonts - Web Fonts - Making the web more beautiful, fast, and open through great typography.

  • Typed.js - GitHub - Manipulation - A JavaScript typing animation library.

  • Typekit - Web Fonts - Brings thousands of fonts into one library for subscription or purchase.

Development

Editors

  • Atom - GitHub - A hackable text editor for the 21st Century.

  • Brackets - GitHub - An open source code editor for the web, written in JavaScript, HTML and CSS.

  • Coda - Everything you need to hand-code a website, in one app.

  • Espresso - A powerful text editor to edit your code, in a workspace that fits your workflow.

  • PhpStorm - Lightning-smart PHP IDE.

  • Sublime Text - A sophisticated text editor for code, markup and prose.

  • Visual Studio Code - GitHub - A lightweight but powerful source code editor.

  • WebStorm - Powerful IDE for modern JavaScript development.

Version Control

  • Beanstalk - Repositories - A complete workflow to write, review and deploy code.

  • BitBucket - Repositories - Distributed version control that makes it easy for you to collaborate with your team.

  • GitHub - Repositories A development platform to host and review code, manage projects, and build software.

  • GitHub Desktop - GitHub - App - Simple collaboration from your desktop.

  • GitKraken - App - The legendary Git GUI client.

  • GitLab - Repositories - Built from the ground up for all stages of the DevOps lifecycle.

  • Sourcetree - App - Simplicity and power in a beautiful Git GUI.

  • Tower - App - Version control with Git - made easy.

Local Dev

  • Docker - The world's leading software containerisation platform.

  • Homestead - A pre-packaged Vagrant box that provides you a wonderful development environment.

  • MAMP - Installs a local server environment on your Mac or Windows computer.

  • Valet - A Laravel development environment for Mac minimalists.

Build Systems

  • Grunt - GitHub - The JavaScript task runner.

  • Gulp - GitHub - A toolkit for automating time-consuming tasks in your development workflow.

  • Laravel Mix - GitHub - Provides an API for defining Webpack build steps for your Laravel application.

  • Neutrino - GitHub - Build web and Node.js applications with shared presets or configurations.

  • Webpack - GitHub - A static module bundler for modern JavaScript applications.

Loaders

  • Font Face Observer - GitHub - A fast and simple web font loader.

  • loadCSS - GitHub - A function for loading CSS asynchronously.

  • loadJS - GitHub - A tiny async loader/dependency manager for modern browsers.

Browser and Email Testing

  • Browserling - Web - Live interactive cross-browser testing.

  • BrowserStack - Web - Instant access to all real mobile and desktop browsers.

  • Can I Use - Web - Provides browser support tables for front-end web technologies.

  • CrossBrowserTesting - Web - Make every web experience perfect, on any browser or mobile device.

  • Litmus - Email - Build, edit, and instantly preview your emails across 90+ clients.

  • Solis - Web App - A live design output that integrates seamlessly with your favourite code editor.

  • Support Details - Web - Browser capability and operating system information.

Deployment

  • Beanstalk - A complete workflow to write, review & deploy code.

  • Buddy - A working website for every branch with deployment automation to production.

  • Conveyor - A task-based Git workflow for web agencies.

  • DeployBot - Instantly build and ship code anywhere in one consistent process for your entire team.

  • DeployHQ - Deploy from your repository to your server in minutes.

  • Envoyer - Deployments you've only dreamed about. Zero downtime. Zero fuss.

  • F-Bar - Manage your Laravel Forge servers from your menubar.

  • Forge - Provision and deploy unlimited PHP applications on DigitalOcean, Linode, AWS, and more.

  • Nanobox - The simplest way to deploy and manage a flexible cloud infrastructure.

Optimisation and Analytics

  • Ahrefs - Tools to grow your search traffic and research your competitors.

  • CSS Stats - GitHub - Webapp to visualize various stats about your css.

  • DNSstuff - Tools to help you find and solve problems with your email, DNS and connectivity.

  • Fathom - Unreleased - Simple, trustworthy website analytics

  • Google Analytics - Measure website, app, digital and offline data to gain customer insights.

  • GTmetrix - Insights on site loading and actionable recommendations on how to optimize it.

  • Lighthouse - An automated tool for improving the quality of web pages.

  • New Relic - Get the real-time insights that your software-driven business needs to innovate faster.

  • PageSpeed Insights - Analyzes website and creates suggestions to speed them up.

  • Pingdom Tools - Enter a URL to test the load time of that page, analyze it and find bottlenecks.

Domains and Hosting

Search and Registration

  • Domainr - Search - Domainr helps you find the perfect name for your company or project

  • Hover - Registration - Every great idea deserves a great domain name.

  • I Want My Name - Registration - Easy domain search, registration and DNS management.

  • Namecheap - Registration - Monthly coupons, competitive prices, and awesome customer support.

Certificates

  • Let's Encrypt - A free, automated, and open certificate authority.

Hosting

  • Amazon Web Services (AWS) - VPS - Offers cloud web hosting solutions with low-cost ways to deliver websites.

  • Arcustech - VPS Managed - Managed VPS hosting for PHP web applications and frameworks.

  • DigitalOcean - VPS - Cloud computing platform for building, deploying, and scaling applications fast.

  • Fortrabbit - VPS Managed - Affordable, powerful, and carefree hosting.

  • Linode - VPS - High performance SSD Linux servers for all of your infrastructure needs.

  • Vultr - VPS - Easily deploy cloud servers, Bare Metal, and storage worldwide.

Server Management

  • Forge - Provision and deploy unlimited PHP applications on DigitalOcean, Linode, AWS, and more.

  • RunCloud - Hassle-free PHP web application & server management panel.

  • ServerPilot - Simple, fast, secure hosting on your DigitalOcean servers.

Assets and CDN

  • AWS S3 - Storage - Object storage built to store and retrieve any amount of data from anywhere.

  • Cloudflare - CDN - Improves website performance through a CDN and web optimisation features.

  • DigitalOcean Spaces - Storage - Securely store and deliver data to end-users and applications.

  • Google Cloud Storage - Storage - Unified object storage for developers and enterprises.

  • Imgix CDN - Optimize, deliver, and cache your entire image library for fast websites and apps.

  • Rackspace Cloud Files - Storage - Online object storage for files and media, delivering them at blazing speeds.

Email

  • FastMail - Email, calendars and contacts done right.

  • Gmail - Email that's intuitive, efficient, and useful.

  • Zoho - Secure, fast, ad-free email for business.

Content

Content Management

  • Craft - GitHub - Awesome - Content-first CMS that makes life enjoyable for developers and content creators.

  • Drupal - GitHub - Awesome - Free and open source content-management framework written in PHP.

  • Grav - GitHub - A modern open source flat-file CMS.

  • Perch - The really little content management system.

  • Statamic - GitHub - A CMS created to make life, and the websites you build, easier.

  • Typo3 - The professional, flexible content management system.

  • Webflow - Responsive web design tool, CMS, and hosting platform.

Commerce

  • Craft Commerce - GitHub - Plugin - A powerful e-commerce platform for Craft CMS.

  • Foxy - GitHub - Platform - Custom eCommerce, simplified.

  • Schema - GitHub - Platform - A platform and API for custom online stores.

  • Shopify - GitHub - Hosted - The ecommerce platform made for you.

  • Snipcart - GitHub - Platform - Easy, flexible e-commerce for developers.

  • Statamify - GitHub - Plugin - Free Shopify-like ecommerce addon for Statamic.

Email Campaigns

Documentation

  • Catalog - GitHub - Create living style guides using Markdown or React.

  • Dimer - Generates a clean and beautiful documentation website from Markdown.

  • Fractal - GitHub - A tool to help you build and document web component libraries.

  • GitBook - GitHub - Modern documentation format and toolchain using Git and Markdown.

  • MkDocs - GitHub - A static site generator geared towards building project documentation.

  • Read the Docs - GitHub - Create, host, and browse documentation.

  • VuePress - GitHub - Minimalistic Vue-powered static site generator.