Weekly Web Design & Development News: Collective #57

by jQuery Script,

Here's the 57th 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 #57

twemoji

A simple library that provides standard Unicode emoji support across all platforms.

twemoji

[Demo] [Download]

hamlet

Hamlet is a simple and powerful reactive templating system. It's framework agnostic and focuses on clean declarative templating, leaving you to build your application with your favorite tools. Hamlet leverages the power of native browser APIs to keep your data model and html elements in sync.

hamlet

[Demo] [Download]

animo.js

A powerful little tool for managing CSS animations. Stack animations, create cross-browser blurring, set callbacks on animation completion, make magic.

animo.js

[Demo] [Download]

materialize

Materialize, a CSS Framework based on material design

materialize

[Demo] [Download]

D3xter

Straight forward plotting built on D3.js.

D3xter

[Demo] [Download]

autoprefixer

Parse CSS and add vendor prefixes to rules by Can I Use

autoprefixer

[Download]

winamp2-js

A reimplementation of Winamp 2.9 in HTML5 and Javascript.

winamp2-js

[Demo] [Download]

zip.js

JavaScript library to zip and unzip files.

[Demo] [Download]

material-ui

Material-UI is a CSS framework and a set of React components that implement Google's Material Design specification.

material-ui

[Demo] [Download]

Mega-Site Navigation

A responsive and easy to customize navigation for mega-sites, enriched by subtle CSS animations and support for devices with javascript disabled.

Mega-Site Navigation

[Demo] [Download]

tmi

Discover your image weight on the web. Find out the image weight in your pages, compare to the HTTPArchive average and discover what images you can optimize further.

tmi

[Download]

vivus

Vivus is a little JavaScript class (little because it's lightweight and have no dependency) to make drawing animation with SVGs in a webpage. Different animations are available, even scripting the entire SVG to do whatever you want.

vivus

[Demo] [Download]

SIMPLE MORPHING SEARCH

A simple effect idea for a search input that morphs into a fullscreen overlay. The idea is to enlarge the search input and show some relevant content or search results.

SIMPLE MORPHING SEARCH

[Demo] [Download]

10+ Free Realistic Poster & Frame Mock-ups For Graphic Designers

10+ high quality, fully editable, print ready mock-ups for graphic designers to showcase their posters, flyers, pictures, and artworks in a realistic style.

10+ Free Realistic Poster & Frame Mock-ups For Graphic Designers

[Download]

Partout Font

FREE FONT SKINNY BASTARD

[Download]

Exo Condensed & Expanded

Exo is now a system of 54 fonts. All Free.

Exo Condensed & Expanded

[Download]

Canos Font

Canos Font

[Download]

Bokeh Brushes

Bokeh Brushes

[Download]

274 Vector Line Icons for free

In the pack you can find icons in PDF, SVG, EPS, PNG formats and finally as an icon font.

274 Vector Line Icons for free

[Download]