Weekly Web Design & Development News: Collective #396

by jQueryScript,

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

mantine

Mantine is a MIT licensed open source react components and hooks library with focus on usability, accessibility and developer experience.

mantine

[Demo] [Download]


merlot

Web based Markdown writing app built with isomorphic Ink and Torus.

merlot

[Demo] [Download]


Mackbook keyboard

M1 Macbook Keyboard using HTML & CSS

Mackbook keyboard

[Demo] [Download]


calico

Calico is a web engine developed for use with inkle's ink, a language for writing interactive fiction.

calico

[Download]


react-native-easing-gradient

Create smooth gradients in React Native.

react-native-easing-gradient

[Download]


image-recolor

Change the color of an image to a specific color you have in mind.

image-recolor

[Demo] [Download]


beautifyjs

A simple JavaScript beautify tool.

beautifyjs

[Download]


ark.db

A simple JSON database module.

ark.db

[Download]


gradio

Quickly create customizable UI components around your models. Gradio makes it easy for you to "play around" with your model in your browser by dragging-and-dropping in your own images, pasting your own text, recording your own voice, etc. and seeing what the model outputs.

gradio

[Demo] [Download]


tb-grid

A super simple and lightweight 12 column responsive grid system utilizing css grid.

tb-grid

[Demo] [Download]


CSSHell

Collection of common CSS mistakes, and how to fix them.

CSSHell

[Demo] [Download]


iconicicons

Free do wtf you want with pixel-perfect icons.

iconicicons

[Demo] [Download]


broz

A simple, frameless browser for screenshots

broz

[Download]


Scrolling Image Effects GSAP & JS

See the Pen Scrolling Image Effects -> GSAP & JS by Sebi (@DivineBlow) on CodePen.


Diagonal Grid

See the Pen Diagonal Grid by Tom Miller (@creativeocean) on CodePen.


Books FREE PSD Mockups

4 hardcover book PSD mockups for free download.

Books FREE PSD Mockups

[Download]


Rotated 3D Letters and Image Hover Effect

A rotated 3D like letters hover effect combined with a tilted image for a menu.

Rotated 3D Letters and Image Hover Effect

[Demo] [Download]