Weekly Web Design & Development News: Collective #281

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

raster

Minimal and straight-forward CSS grid system utilizing descriptive HTML rather than semantic CSS.

[Demo] [Download]

nsfwjs

A simple JavaScript library to help you quickly identify unseemly images; all in the client's browser. NSFWJS isn't perfect, but it's pretty accurate (~90% from our test set of 15,000 test images)... and it's getting more accurate all the time.

[Demo] [Download]

wavejs

A flexible ,configurable waves animation library.

[Demo] [Download]

FunnelGraph.js

The FunnelGraph.js JavaScript library helps you dynamically draws a beautiful, customizable, SVG-based, horizontal/vertical funnel chart to represent stages in a process.

[Demo] [Download]

decider

Apply CSS to React components conditionally, like a boss.

[Demo] [Download]

streetscape.gl

streetscape.gl is a toolkit for visualizing autonomous and robotics data in the XVIZ protocol. It is built on top of React and Uber’s WebGL-powered visualization frameworks.

[Demo] [Download]

split

Unopinionated utilities for resizeable split views.

[Demo] [Download]

swiss-element

Swiss Element provides a functional way of defining custom elements.

[Demo] [Download]

Easy Scroll Dots

Quickly add anchor points throughout your web page/application and have navigational dots automatically appear in a fixed position on the side of the page. This allows the user to click to scroll though sections of the page, and it updates as they scroll.

[Demo] [Download]

codecrumbs

Learn, design or document codebase by putting breadcrumbs in source code. Live updates, multi-language support, and easy sharing.

[Demo] [Download]

remixicon

Remix Icon is a set of open source neutral style system symbols elaborately crafted for designers and developers. All of the icons are free to use for both personal and commercial.

[Demo] [Download]

Material Kit

Free and Open Source UI Kit for Bootstrap 4, React, Vue.js, React Native and Sketch based on Google's Material Design.

[Demo] [Download]

Animated Blob Cursor

Animated blob cursor built with JavaScript.

[Demo] [Download]

7 Best Realistic & Professional ID Card Mockups

7 Best Realistic & Professional ID Card Mockups For Free Download.

[Download]

Lunar Popup

Animated blob cursor built with JavaScript.

[Demo] [Download]

THRONE SVG and regular OTF font

Animated blob cursor built with JavaScript.

[Download]