Weekly Web Design & Development News: Collective #485
A collection of the latest and hottest design and development resources (Javascript libraries, CSS snippets, Free Graphic 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.
[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).
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.
[Download]
animasiTextSlide
A performant and customizable JavaScript animation library that makes it possible to scroll/slide through a group of elements in a container.
html-tagged
A SSR template library that expands custom elements.
[Download]
Azelf
Download, Optimize and Save Images from the Web.
[Download]
napi-image-cli
An efficient cli tool that helps you compress and convert images.
DevToys
A Swiss Army knife for developers.
Gradient Picker
A website that allows you to create your own gradient.
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.
[Download]
Firefox Mod Blur
Firefox Proton - Blur Mod / For dark theme lovers / More compact / Modular.
[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.
[Download]
simple-shields-icons
Simple Shields-Icons is your go-to source for high-quality Shields.io badges for popular brands.
[Download]
Free Arrows & Crafts
94 car brands Logos as icons.
[Download]