Weekly Web Design & Development News: Collective #297

Here's the 297th 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.

Pylon

Pylon encapsulates Flexbox logic into a set of simple tags and attributes which, when combined, can form robust user interfaces using a declarative and expressive API.

  • Compatible with every JavaScript framework (it's just HTML & CSS)
  • Easy to drop in next to any other CSS framework
  • Easily configurable
  • Requires no JavaScript framework (it's just HTML & CSS)
  • Only 2kb

Pylon

[Demo] [Download]


Stein

Use Google Sheets as your no-setup database.

Stein

[Download]


hat.sh

Encrypt and decrypt files in your browser. Fast, Secure client-side File Encryption and Decryption using the web crypto api.

hat.sh

[Demo] [Download]


blocks.css

Add some dimension to your page with blocks.

blocks.css

[Demo] [Download]


theme-ui

Build consistent, themeable React UIs based on design system constraints and design tokens.

theme-ui

[Demo] [Download]


Algorithm Visualizer

Interactive Online Platform that Visualizes Algorithms from Code.

Algorithm Visualizer

[Demo] [Download]


multi-download

Download multiple files at once in the browser

multi-download

[Demo] [Download]


tinydate

A tiny (340B) reusable date formatter. Extremely fast!

tinydate

[Demo] [Download]


3D Force-Directed Graph

3D force-directed graph component using ThreeJS/WebGL,

3D Force-Directed Graph

[Demo] [Download]


jSprite

A JavaScript sprite animation library.

jSprite

[Demo] [Download]


The circular menu

Using border-radius and clipping paths to create a circular fan like menu.

The circular menu

[Demo] [Download]


7 Best Free Realistic Notebook Mockups

7 Best Free Realistic Notebook Mockups For Brand/Logo Designs

7 Best Free Realistic Notebook Mockups

[Download]


Mothership Typeface

Mothership Typeface

[Download]


Draggable Image Strip

A draggable image strip layout with a content preview powered by Draggabilly and TweenMax.

Draggable Image Strip

[Demo] [Download]

  • Publication date: 17.06.2019
  • Source