jQuery Script Blog

Weekly Web Design & Development News: Collective #416

by jQueryScript,

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

Theatre.js

Theatre.js is an animation library for high-fidelity motion graphics. It is designed to help you express detailed animation, enabling you to create intricate movement, and convey nuance.

Theatre.js

[Demo] [Download]

Berry Free React Material Admin Template

A creative free react admin template build using the Material-UI. It is meant to be the best User Experience with highly customizable feature-riched pages.

jlottie

[Demo] [Download]

Nano Colors

A tiny and fast Node.js library for formatting terminal text with ANSI colors.

Nano Colors

[Download]

WebGL-Memory

This is a WebGL-Memory tracker. You add the script to your page before you initialize WebGL and then for a given context you can ask how much WebGL memory you're using.

WebGL-Memory

[Demo] [Download]

perParticles

A great alternative to tsParticles and Particle.js.

perParticles

[Demo] [Download]

sona.js

sona.js

[Download]

Uptime

A convenient analog clock.

Uptime

[Demo] [Download]

Outliner

A node package to outline SVG strokes as fills.

Outliner

[Download]

Card Hover

A fancy card hover effect in JavaScript.

Card Hover

[Demo] [Download]

Faust.js

A framework for building front-end applications for headless WordPress sites. Faust.js provides tooling to reduce the pains of building a headless WordPress site (namely around data fetching, authentication, previews, and SSR/SSG) while offering a pleasant experience for both developers and publishers.

Faust.js

[Demo] [Download]

Web Clipper

You can use Web Clipper to save anything on the web to anywhere.

Web Clipper

[Download]

CSS Hexagon Generator

Pure CSS Hexagon Generator, built in vanilla JavaScript.

CSS Hexagon Generator

[Demo] [Download]

WebIME

A cross-browser input method engine written in ES6, no dependencies. Tested in Firefox, Chrome, iOS Safari, Safari, IE 9+, Edge 12+, Android 4+, and Windows Phone.

WebIME

[Demo] [Download]

3d text

See the Pen 3d text by Kevin (@kevinpowell) on CodePen.

Vertical menu with gooey effect on hover

See the Pen Vertical menu with gooey effect on hover by Vincent Durand (@onediv) on CodePen.

GSAP Enhanced Checkout Button

See the Pen GSAP Enhanced Checkout Button by Ryan Trimble (@mrtrimble) on CodePen.

Advanced CSS Gradient Editor

Design illustrations, patterns, icons, and more using a feature-packed editor with layering, design tools and free cloud storage

Advanced CSS Gradient Editor

[View]