Weekly Web Design & Development News: Collective #508
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 27, 2023).
Web Design & Development News: Collective #508
Swiip.js
A minimal yet powerful image carousel written in Vanilla Javascript.
twitter-og
Replace twitter.com with twitter-og.com when you share a tweet to show previews again.
Vrite
Vrite is an open-source headless CMS intended for technical content like programming blogs or documentation. It aims to provide the best user and developer experience for creating, managing and delivering technical content.
metadatah
All the SEO meta tags you might need in one React component.
[Download]
AnalogClock
A simple web page that displays an analog clock with both analog and digital representations.
sveltix
Better way to manage your complex stores in Svelte.
[Download]
OpenAI Whisper API
This is is a OpenAI Whisper API microservice using Node.js / Bun.sh / Typescript that can run on Docker. With zero dependencies.
OldTwitter
Browser extension to return old Twitter layout from 2015. This extension doesn't add any CSS on top of original Twitter. It's fully original client that replaces Twitter, making it much faster than alternatives.
[Download]
SriSEO.js
The objective of the "SriSEO.js" library is to provide an easy-to-use and lightweight solution for improving the search engine visibility and optimization of HTML websites. It aims to assist website owners, particularly those without extensive knowledge of SEO techniques, in implementing common SEO best practices without requiring deep understanding or manual intervention.
[Download]
Windmill
A tiny, responsive, interactive, feature-rich data table library designed to simplify your data presentation.
Get Instant Code Explanations Using GPT-4 – whatdoesthiscodedo
This is a tool that uses GPT4 under the hood to explain any piece of code you don't understand. Paste the code in the code editor below and press "Explain Code" and GPT4 will output a paragraph explaining what the code is doing.
[Demo]
On-Scroll SVG Filter Effect
Combining GSAP's Scroll Trigger and Flip with a SVG Filter, based on a demo by Fabio Ottaviani.
Free Icons
This repository provides a collection of over 22,000 high-quality icons that you can use freely in your design projects. Whether you're working on web development, UI/UX design, or any other creative endeavor, you'll find a diverse range of icons to enhance your work.
daicon
Daicon.js (Digital Agency ICONs for javascrip) is a js library that makes it easier for front-end developers to handle the icon materials provided by the Digital Agency.
MageIcons
Mage Icons is an open source icon system designed with soleley user interface and SAAS production in mind. The icons are constructed using 24x24 pixel grid, ideal for smaller viewing experiences. All the icons are free for personal and commercial use.
Windows Card Hover effect
See the Pen Windows Card Hover effect by Temani Afif (@t_afif) on CodePen.
Blend-Mode Sticky Nav & Hero
See the Pen Blend-Mode Sticky Nav & Hero by Jalin Burton (@jalinb) on CodePen.
Spotlight Effect on Links
See the Pen Spotlight Effect on Links by Steven Lei (@stevenlei) on CodePen.
Skeuomorphic Range Slider
See the Pen Skeuomorphic Range Slider by Nicolas Jesenberger (@nicolasjesenberger) on CodePen.
Sound Equalizer - CSS
See the Pen Sound Equalizer - CSS by Josetxu (@josetxu) on CodePen.
AI Weekly Digest Issue #12
Get your AI update with AI Weekly Digest Issue #12 for Week 27 of 2023. A curated selection of the most impactful AI news and events worldwide.
[Download]
Free Health & Wellness Glass Icon Set
The icon set for health & wellness UI design with a twist of glassmorphism brought to you by Coral Lab! Whether you're building a fitness app, a yoga or nutrition blog, a medical website, try using these icons to freshen up your designs.
[Download]
Witch Free Typeface
A free witch typeface for Halloween design projects.
[Download]
svghub
A library of over 70 custom-color elements ready to paste into your project.
[Download]