Weekly Web Design & Development News: Collective #288

by jQueryScript,

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

Water.css

A just-add-css collection of styles to make simple websites just a little nicer:

  • Responsive
  • Good code quality
  • Good browser support (works on my old kindle's browser :P)
  • Small size (< 2kb)
  • Beautiful
  • No classes

Water.css

[Demo] [Download]

Organigram

A JSON based tree structure with drag and drop functionally to re-arrange the tree. Show-cases some useful tree operations for deeply nested JSON data and webpack configuration for reducing bundle sizes.

Organigram

[Demo] [Download]

zustand

Small, fast and scaleable bearbones state-management solution.

zustand

[Demo] [Download]

lazytag

Lazy loading Custom Elements and their styles without even thinking about it.

lazytag

[Download]

Page-Notifications

Simply library for your page to easily show notifications.

Page-Notifications

[Demo] [Download]

Telemetry.js

Privacy-friendly visit tracking for Node.js:

  • <2kb visit tracking library without database
  • 100% server-side
  • 100% open-source
  • Detects & ignores bots
  • Privacy-friendly at its core
  • GDPR-compliant

[Download]

solid

Solid is yet another declarative Javascript library for creating user interfaces. It does not use a Virtual DOM. Instead it opts to compile it's templates down to real DOM nodes and wrap updates in fine grained computations. This way when your state updates only the code that depends on it runs.

solid

[Download]

Notiflix

Notiflix is a pure JavaScript library for client-side non-blocking notifications that makes your web projects much better..

Notiflix

[Demo] [Download]

kaomos-button

The Kaomos button is a fully customizable webcomponent with an integrated loading indicator making your site much more emotional.

kaomos-button

[Demo] [Download]

Definitive Image Comparison Slider

Light Vanilla Javascript library to compare multiples images with sliders. Also, you can add text and filters to your images.

Definitive Image Comparison Slider

[Demo] [Download]

Public Sans

A strong, neutral, principles-driven, open-source typeface for text or display.

Public Sans

[Demo] [Download]

hass-bha-icons

Custom icon pack designed for Home Assistant.

hass-bha-icons

[Download]