Weekly Web Design & Development News: Collective #112

Here's the 112nd Weekly Web Design & Development Collective that aims to introduce fresh new, trendy and easy-to-use web design & development resources (freebies, codes, graphics, tools, inspiration, etc) from the past week. Have fun with it and remember to share with your friends.

Web Design & Development News: Collective #112

gridlex

Just a Flexbox Grid System

[Demo] [Download]

hotel

Classy process manager for front-end devs.

[Download]

Time Machine

Time Machine fixes mistakes in the design of CSS itself.

[Demo] [Download]

mrn

A Material Design style React Native component library.

[Demo] [Download]

CSS Toggle Switch

CSS Toggle Switches are a set of accessible CSS-only switch components, created from standard form controls in the markup.

[Demo] [Download]

meshblu

Machine-to-machine instant messaging platform for the internet of things #IoT.

[Demo] [Download]

Betwixt

This tool will help you analyze web traffic outside the browser using familiar Chrome DevTools interface.

[Download]

Animate.js

Trigger animations on elements when they are in view.

[Demo] [Download]

quicksettings

QuickSettings is a JavaScript library for making a quick settings panel to control code parameters.

[Download]

screenlog.js

Bring console.log on the screen

[Demo] [Download]

CSS Full width slider

Simple vanilla JS tour library

[Demo] [Download]

simulacra

Simulacra.js provides one-way data binding from plain JavaScript objects to the DOM. Its size is roughly ~270 LOC, or 2 KB (min+gz).

[Demo] [Download]

Tumblr-Style-Cog-Spinners

Tumblr-style cog loading animation made with CSS and SVG icons.

[Demo] [Download]

documentcss

Create live style guides with interactive examples, that change as your design does.

[Demo] [Download]

big-rig

Big Rig is an experimental, proof-of-concept system for generating and parsing Chrome's trace files. It has a web app dashboard that will allow you to track performance statistics over time, as well as a CLI version for integrating with other parts of your build system.

[Download]

Latest Free Dashboard / Admin Frameworks For Front-end Developers

A collection of 10+ latest, free, popular Dashboard / Admin Frameworks for web developers.

[Download]

Shazam-Like Morphing Button Effect

A tutorial on how to create a Shazam-like button that morphs into a music player using Snap.svg.

[Demo] [Download]

litio

Lítio is a set of 300 playful glyphs, perfect for websites, mobile & web interfaces, applications and print design.

[Download]

Landing Page Bundle

[Download]