Weekly Web Design & Development News: Collective #619
Everything you need to know in development & design this week, rounded up for you (Week 35, 2025).
You'll find the most essential things right now: Javascript & CSS libraries, useful code snippets, crucial web dev news & resources, curated AI tools, free design assets, and plenty of other good stuff we found!
Highlights:
- Build AI-native apps in a flash with Vercels new AI Elements library.
- Get a head start on Google's video AI with a Next.js quickstart template for Veo 3.
- Heads up: AI crawlers from Meta and OpenAI are reportedly overwhelming websites.
- Grab the official Font Awesome 7 icon component library for Figma, completely free!
- ️ A practical, gentle introduction to the upcoming CSS anchor positioning feature.
- Create super smooth hide-on-scroll effects for sticky headers with
natural-sticky. - Turn plain English into shell commands with
uwu, a free and handy AI tool. - 33 other great resources and tools
- 4 design freebies and snippets
Subscribe to our newsletter to get a weekly list of new web dev resources in your inbox.
JavaScript & CSS
veo-3-gemini-api-quickstart -AI Video Studio Next.js Template with Google Veo 3 and Imagen 4 Integration.
ai-elements - Build AI-native Apps Faster with Vercel’s AI Elements Component Library.
changelog-template - A minimal changelog template built using Next.js.
Query Key Manager - Type-Safe Query Keys for TanStack Query.
shadcn-portfolio - Modern Developer Portfolio Template with Next.js and Shadcn/ui
formcn - Visual Form Builder for shadcn/ui
Emoji-Fallback.js - Fix Broken Emojis with Emoji-Fallback.js Library
natural-sticky - Smooth Hide-on-scroll Effects for Sticky Headers and Footers.
Image-to-Pixel - Convert Images to Pixel Art with JS Dithering & Custom Palettes
Image-to-Triangle - Transform Images into Low-Poly Art with Pure JavaScript
fast-escape-regexp - High-Performance JavaScript RegExp Escaping
fast-escape-html - Enhanced Native iOS & Android Switch Component for React Native.
ImageCompression - Privacy-First Client-side Image Compression & Resizing in JavaScript.
PureJsCropper - Vanilla JS Image Cropper with Image Zoom & Pan.
Input Prefixes - International Phone Input Component for React.
expo-animated-sticky-header - A responsive component that helps you build dynamic, collapsible headers.
ai-sdk-reasoning-starter - Next.js + AI SDK chatbot starter template for reasoning models.
sakuraflow - A lightweight, memory-efficient library for working with generator functions in TypeScript.
strudel-flow - Experimental node-based UI for Strudel built with React Flow.
panda - Universal, Type-Safe, CSS-in-JS Framework for Design Systems.
PocketChest - Secure, serverless file and text sharing built on Cloudflare with large file support.
quansync - Create sync/async APIs with usable logic.
Discover more JavaScript & CSS Libraries →
Web Dev Tools & Resources
Markdown to HTML Converter - A free, privacy-first Markdown to HTML converter with real-time preview, advanced customization, and clean, semantic output.
FeOxDB - FeOx (Iron-Oxide) is an ultra-fast, embedded and persisted KV store in pure Rust.
24h to 12h Converter - Quickly and easily convert 24-hour time to the standard 12-hour AM/PM format.
agents.md - A simple, open format for guiding coding agents.
ultraframe - Turn low‑res images and videos into crisp, high‑quality outputs.
AudioTee.js - macOS system audio capture for Node.js.
Gradient Generator - Open-source Gradient Generator for TailwindCSS & Vanilla CSS.
PIXEL - A minimal tool for drawing, making frame by frame animations and exporting 8-bit icons and illustrations.
Graphic Design Freebies
Free Material Design Icons - A collection of 2000+ free Material Design component-based vector icons for Figma app.
SaaS Hiring Platform Landing Page - Modern SaaS Hiring Platform Landing Page Template.
Font Awesome Official Icon Components - This is Font Awesome’s official Font Awesome 7 Icon Component library for Figma.
Discover more Graphic Design Freebies →
Curated AI Tools for Developers and Designers
uwu - Free AI Converts Natural Language to Shell Commands.
Pluely (Cluely Alternative) - Undetectable AI Assistant for Meetings & interview.
Private Mind - Free Offline AI Chatbot App for Complete Privacy.
llama-scan - Free PDF to Text Converter Using Local AI Models.
Query Gold - Find High-Intent Searches with AI for Better SEO.
Strix - Open-Source AI Security Testing Agent for Developers.
Acrobat Studio - A new AI-powered home for modern work that brings together the productivity of Adobe Acrobat, easy content creation tools from Adobe Express and the help of AI Assistants powered by agentic technology.
DeepSeek v3.1 - DeepSeek has been upgraded to V3.1, with context length expanded to 128k.
Qwen Image Edit - The image editing version of Qwen-Image, brings precise text editing while preserving style, and supports both semantic and appearance-level editing.
Jingle Maker - Transform web content into catchy, memorable tunes perfect for marketing and branding.
News & Articles
AI crawlers and fetchers are blowing up websites, with Meta and OpenAI the worst offenders (Link)
The Double-Edged Sustainability Sword Of AI In Web Design (Link)
Yellow, Purple, and the Myth of "Accessibility Limits Color Palettes" (Link)
A gentle introduction to anchor positioning (Link)
State of CSS 2025 (Link)
JavaScript & CSS Snippets
Projects Carousel
See the Pen Projects Carousel by WebVision (@dspstudio) on CodePen.
GSAP SplitText + ScrambleText Cursor Effect
See the Pen GSAP SplitText + ScrambleText Cursor Effect by Tom Miller (@creativeocean) on CodePen.
CSS Scroll Driven Animation Test
See the Pen CSS Scroll Driven Animation Test by Henry Zarza (@HenryZarza) on CodePen.
Circle fill animations
See the Pen Circle fill animations by Den (@DenDionigi) on CodePen.
