Weekly Web Design & Development News: Collective #485

by jQueryScript,

A collection of the latest and hottest design and development resources (Javascript libraries, CSS snippets, DeveloGraphic Design Resources, etc.) on the web from the last week (Week 3, 2023).

Web Design & Development News: Collective #485

itty-aws

This is a teeny-tiny AWS SDK implementation for TypeScript using Proxies that fits everything into ~14 KB, including all Services and APIs. The name is an homage to the awesome itty-router.

itty-aws

[Download]


freighter

Freighter is a highly-customizable HTML carousel library featuring a number of dynamic properties affecting carousel items and transitions. Most prominently, it gives complete control over the resizing method (for responsive layouts) as well as the wrapping method (for content display).

freighter

[Demo] [Download]


Clipboard TS

This script will take TS via argv[2], convert to JS and pass back via process.stdout.

[Download]


React Award

This React component displays a solid color mask with the silhouette of an image, and when triggered, it performs a fade-in effect to reveal the image. Additionally, the component also plays a Lottie animation.

React Award

[Download]


animasiTextSlide

A performant and customizable JavaScript animation library that makes it possible to scroll/slide through a group of elements in a container.

animasiTextSlide

[Demo] [Download]


html-tagged

A SSR template library that expands custom elements. 

html-tagged

[Download]


Azelf

Download, Optimize and Save Images from the Web.

Azelf

[Download]


napi-image-cli

An efficient cli tool that helps you compress and convert images.

[Demo] [Download]


DevToys

A Swiss Army knife for developers.

DevToys

[Demo] [Download]


Gradient Picker

A website that allows you to create your own gradient.

Gradient Picker

[Demo] [Download]


preview Extension

This is an extension for Google Chrome that allows you to preview links on a website without having to leave the page. It uses an iframe to load the preview and a CORS proxy to bypass the CORS policy.

preview Extension

[Download]


Firefox Mod Blur

Firefox Proton - Blur Mod / For dark theme lovers / More compact / Modular.

Firefox Mod Blur

[Download]


Sliding Image Track

See the Pen Sliding Image Track by Hyperplexed (@Hyperplexed) on CodePen.


Fluid Gooey Text Background

See the Pen Fluid Gooey Text Background by Luke Meyrick (@lukemeyrick) on CodePen.


Animated tag cloud

See the Pen Animated tag cloud by Ivan Bogachev (@sfi0zy) on CodePen.


Hydra Landing Page

A landing page design for the Figma community to use, extract or rebuild for their proper designs and brands.

Hydra Landing Page

[Download]


simple-shields-icons

Simple Shields-Icons is your go-to source for high-quality Shields.io badges for popular brands.

simple-shields-icons

[Download]


Free Arrows & Crafts

94 car brands Logos as icons.

Free Arrows & Crafts

[Download]