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.

raster

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

raster

[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.

nsfwjs

[Demo] [Download]

wavejs

A flexible ,configurable waves animation library.

wavejs

[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.

FunnelGraph.js

[Demo] [Download]

decider

Apply CSS to React components conditionally, like a boss.

decider

[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.

streetscape.gl

[Demo] [Download]

split

Unopinionated utilities for resizeable split views.

split

[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.

Easy Scroll Dots

[Demo] [Download]

codecrumbs

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

codecrumbs

[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.

remixicon

[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.

Material Kit

[Demo] [Download]

Animated Blob Cursor

Animated blob cursor built with JavaScript.

Animated Blob Cursor

[Demo] [Download]

7 Best Realistic & Professional ID Card Mockups

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

7 Best Realistic & Professional ID Card Mockups

[Download]

Lunar Popup

Animated blob cursor built with JavaScript.

Lunar Popup

[Demo] [Download]

THRONE SVG and regular OTF font

Animated blob cursor built with JavaScript.

THRONE SVG and regular OTF font

[Download]

  • Publication date: 25.02.2019
  • Source