bensomething / Webthings
Licence: cc0-1.0
A collection of all things web, because my memory sucks and so does yours.
Stars: ✭ 50
Projects that are alternatives of or similar to Webthings
frontend-tools
Links to front-end development tools
Stars: ✭ 143 (+186%)
Mutual labels: development, front-end
Dev Practice
Practice your skills with these ideas.
Stars: ✭ 1,127 (+2154%)
Mutual labels: development, front-end
react-native-animated-radio-button
Fully customizable animated radio button for React Native
Stars: ✭ 25 (-50%)
Mutual labels: development, front-end
libraries-list
📋 Uma lista de bibliotecas mais usadas para frameworks front-end
Stars: ✭ 23 (-54%)
Mutual labels: development, front-end
react-native-bounceable
Animate and bounce any component with RNBounceable for React Native
Stars: ✭ 26 (-48%)
Mutual labels: development, front-end
Front End Career
A career guide to Front End Developers
Stars: ✭ 765 (+1430%)
Mutual labels: development, front-end
Spionio
Lightweight focus group management platform that can capture and replay user interaction on your site and improve the UX in everything you build
Stars: ✭ 40 (-20%)
Mutual labels: front-end
Programming Notes
Semua catatan tentang teknologi dan development 😎
Stars: ✭ 41 (-18%)
Mutual labels: development
1line Py
Enseñando pensamiento computacional a partir de python one-liners
Stars: ✭ 45 (-10%)
Mutual labels: development
Webpack Isomorphic Dev Middleware
The webpack-dev-middleware, but for isomorphic applications
Stars: ✭ 38 (-24%)
Mutual labels: development
Park Manager
Park-Manager - a full-stack hosting-management system
Stars: ✭ 47 (-6%)
Mutual labels: hosting
Influx Prompt
An interactive command-line InfluxDB cli with auto completion.
Stars: ✭ 42 (-16%)
Mutual labels: development
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
- Interface Frameworks
- JavaScript Frameworks
- Navigation
- Sliders
- Lightboxes
- Modals
- Tooltips
- Audio and Video
- 2D and 3D
- Animation
- Data
- Forms
- Search
- Tables
- Layout
- Drag and Drop
- Syntax Highlighting
- Typography
Development
- Editors
- Version Control
- Local Dev
- Build Systems
- Loaders
- Browser and Email Testing
- Deployment
- Optimisation and Analytics
Domains and Hosting
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 theflex
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.
Navigation
-
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
- baguetteBox.js - GitHub - Simple and easy to use lightbox script written in pure JavaScript.
- basicLightbox - GitHub - The lightest lightbox ever made.
-
Chocolat.js - GitHub -
jQuery
- The lightbox so cool horses use it. -
fancyBox - GitHub -
jQuery
- JavaScript lightbox library for presenting various types of media. - Lightgallery - GitHub - Full featured JavaScript image and video gallery.
-
Lity - GitHub -
jQuery
Zepto
- Lightweight, accessible and responsive lightbox. - Luminous - GitHub - A simple, lightweight, no-dependencies JavaScript lightbox.
-
Magnific Popup - GitHub -
jQuery
Zepto
- A lightbox script with focus on performance. - Medium Zoom - GitHub - Medium zoom on your images in vanilla JavaScript.
- PhotoSwipe - GitHub - A modular and framework independent image gallery for mobile and desktop.
-
slick-lightbox - GitHub -
jQuery
Slick
- A lightbox wrapper for Ken's amazing Slick carousel.
Modals
- basicModal - GitHub - Easy-to-use dialog system for modern web-apps.
- Micromodal - GitHub - Tiny javascript library for creating accessible modal dialogs.
- SweetAlert - GitHub - A beautiful replacement for JavaScript's alert.
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.
Search
- 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
- GreenSock Draggable - A surprisingly simple way to make virtually any DOM element draggable.
- Shopify Draggable - GitHub - The drag and drop library your grandparents warned you about.
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.
- 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
-
Campaign Monitor - GitHub -
Tag
- Info -
MailChimp - GitHub -
Tag
- Info
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.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].