Weekly Web Design & Development News: Collective #492
Web Design & Development News: Collective #492
Text Truncate Scroll
The Text Truncate Scroll library trims your long text into a single-line paragraph and shows the full content on hover with a scroll effect. Written in TypeScript and works on any devices.
An app designed to quickly and easily remove image backgrounds for free.
An open source, MIT licensed, ChatGPT UI.
An easy-to-use yet highly customizable dark mode toggle component written in TypeScript.
A cross platform HTML5 QR code reader.
Simple online tool for designing scrollbars.
JS Shell Emulator
This library is part of two sibling libraries, Space.js for UI, Panel components, Tween, Web Audio, loaders, utilities, and Alien.js for 3D utilities, materials, shaders and physics.
Infinite Loop Scrolling
A quick look at how to recreate the infinite loop scrolling animation seen on Bureau DAM with GSAP and Lenis.
An extension that allows for Bionic Reading on any webpage!
An open-source web application that can connect directly to databases and APIs and use the data to create beautiful charts. It features a chart builder, editable dashboards, embedable charts, query & requests editor, and team capabilities.
1000+ open-source fonts bundled into neat packages.
An emoji filter for your webcam.
A tool to beautify your code screenshots. Built with SolidJS.
Scrambling letter effect on hover
See the Pen Scrambling letter effect on hover by Sil van Diepen (@silvandiepen) on CodePen.
OpenAI Cover Images
See the Pen OpenAI Cover Images by yuanchuan (@yuanchuan) on CodePen.
GSAP Mix-blend dark mode
See the Pen GSAP | Mix-blend dark mode by Andy (@kotAndy) on CodePen.
A Motion Blurred Number with CSS / SVG / JS
See the Pen A Motion Blurred Number with CSS / SVG / JS by Kostantin Denerz (@konstantindenerz) on CodePen.
An all caps brush font, created to make every text look like authentic hand lettering. The all-caps marker typeface is perfect for bold headlines, posters, shirt designs, fashion brands, social media content and funky ads. Mix & match the stylistic alternate or ligature, so that you’ll have lots of different letters for that unique look & feel!
100 Watercolor Textures
Self Care Illustration
A set of 8 self care illustrations made in Figma app.