Weekly Web Design & Development News: Collective #195

by jQuery Script,

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

Less Grid Boilerplate

A lightweight 12-column CSS grid system built with CSS Grid and LESS.

Less Grid Boilerplate

[Demo] [Download]

XSS'OR

XSS'OR - Hack with JavaScript. It contains three major modules: Encode/Decode, Codz, Probe.

XSS'OR

[Demo] [Download]

reprocss

A flexible CSS reprocessor using <style> tags

reprocss

[Demo] [Download]

wall.js

Fullpage Piling, vanilla javascript, no dependency.

wall.js

[Demo] [Download]

Imagine

Imagine is a desktop app for compression of PNG and JPEG, with a modern and friendly UI.

Imagine

[Download]

clarity

Project Clarity is an open source design system that brings together UX guidelines, an HTML/CSS framework, and Angular components. This repository includes everything you need to build, customize, test, and deploy Clarity.

clarity

[Demo] [Download]

sonar

A linting tool for the web.

sonar

[Demo] [Download]

stickybits

Stickybits is a lightweight (~2KB) alternative to position: sticky polyfills. It works perfectly for things like sticky headers.

stickybits

[Demo] [Download]

share-this

Medium-like text selection sharing without dependencies.

share-this

[Demo] [Download]

emotion

high performance css-in-js

emotion

[Demo] [Download]

vali-admin

Vali is a free, modular and easy to customize admin theme built using Bootstrap, SASS and Pug.js.

vali-admin

[Demo] [Download]

whs.js

Super-fast 3D framework for Web Applications & Games. Based on Three.js.

whs.js

[Demo] [Download]

LoopBack

LoopBack is a highly-extensible, open-source Node.js framework that enables you to:

  • Create dynamic end-to-end REST APIs with little or no coding.
  • Access data from Oracle, MySQL, PostgreSQL, MS SQL Server, MongoDB, SOAP and other REST APIs.
  • Incorporate model relationships and access controls for complex APIs.
  • Use built-in push, geolocation, and file services for mobile apps.
  • Easily create client apps using Android, iOS, and JavaScript SDKs.
  • Run your application on-premises or in the cloud.

LoopBack

[Demo] [Download]

Kitten Tricks

A perfect starter kit for your next cross-platform React Native app. FREE and open-source!

Kitten Tricks

[Download]

Circular Menu Concept

Experimenting with radial menus. Inspired by the right-click-to-expand radial menus of Rust. Change the number of menu items in the bottom right to see how it works with a different number of menu items.

Circular Menu Concept

[Demo] [Download]

Organic Shape Animations with SVG clipPath

Some shape morphing hover effects on images using SVG clipPath. The idea is to create an organic, fluid feel by animating several elements on hover.

Organic Shape Animations with SVG clipPath

[Demo] [Download]

WEO ICONS

400+ unique vector icons.

WEO ICONS

[Download]

BDNEWS -Newspaper Website Template

BDNEWS -Newspaper Website Template

[Download]

FREE NEON FONT

FREE NEON FONT

[Download]

Monad Free Typeface

Monad Free Typeface

[Download]