Weekly Web Design & Development News: Collective #519
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 38, 2023).
Web Design & Development News: Collective #519
view.py
Lightning-fast, modern web framework.
Smoke-Effect-on-Your-Name-CSS-Animation
navita
Navita is a powerful CSS-in-JS library that brings type-safe compile-time Atomic CSS-in-JS with zero runtime to your projects.
It allows you to easily style your components and apply themes without the need for any additional runtime dependencies.
With Navita, you can write clean and maintainable CSS in JavaScript, without sacrificing runtime performance.
Yrel
~2.8kB JavaScript JSON schema validation with TypeScript type inference.
[Download]
Super Sitemap
SvelteKit sitemap focused on ease of use and making it impossible to forget to add your paths.
[Download]
Create Customizable Omnidirectional Marquees – Manawave
A dependency-free JavaScript library for creating customizable, dynamic, and omnidirectional scrolling content on your website.
A (more) Modern CSS Reset
A React video player component for TV devices, with customisable buttons and arrow key navigation. It can play a variety of URLs including file paths, YouTube, HLS and Dash streams.
[Download]
react-voice-visualizer
The react-voice-visualizer library offers a comprehensive and highly customizable solution for capturing, visualizing, and manipulating audio recordings within your web applications. Built with React hook and component, this library simplifies the process of integrating audio recording and visualization functionalities using the Web Audio API.
documate
Embed AI chat dialog into your doc site to answer user questions based on your own content.
Circular slider with anime.js
The circular carousel/slider was built to provide web developers creative alternative to all those standard carousels/sliders. It was built with javascript animation engine anime.js.
Symphony
Use GPT-4 to call functions in sequence.
string-to-color
A tiny JavaScript library that takes any string and deterministically converts it into an HSL or RGB color.
Profile Stack Hover
See the Pen Profile Stack Hover by Ethan (@pleasedonotdisturb) on CodePen.
Infinte Image Slider w/ GSAP Animations
See the Pen Infinte Image Slider w/ GSAP Animations by gerrard (@gerrardcss) on CodePen.
Skeuomorphic RGB sliders
See the Pen Skeuomorphic RGB sliders by Nicolas Jesenberger (@nicolasjesenberger) on CodePen.
Glitch image hover effect with shaders
See the Pen Glitch image hover effect with shaders by Juxtopposed (@Juxtopposed) on CodePen.
Pure CSS scroll-triggered image reveal
See the Pen Pure CSS scroll-triggered image reveal by Ana Tudor (@thebabydino) on CodePen.
AI Weekly Digest Issue #23
Get your AI update with AI Weekly Digest Issue #23 for Week 38 of 2023. A curated selection of the most impactful AI news and events worldwide.
[Download]
Generate Unique Spiral Images with Just a Text Prompt Using Spirals AI
A free and open-source AI art generator that allows anyone to create beautiful spiral artwork with just a text prompt.
Mystic Pen Script Font
[Download]
Kutitap Typeface
[Download]