Weekly Web Design & Development News: Collective #617
Everything you need to know in development & design this week, rounded up for you (Week 33, 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:
- Big news from the AI world: OpenAI unveils GPT-5, Google drops Genie 3, and Anthropic upgrades Claude!
- Turn any screenshot into clean, product-ready HTML with the free ScreenCoder AI.
- Protect your apps from bots and fraud with a powerful browser fingerprinting library.
- Still worried about AI? Here's a must-read guide on how junior developers can thrive.
- Get a head start on your next project with a new TanStack dashboard template for Next.js.
- Grab a fantastic pack of 120 free empty state icons for your UIs.
- + 39 other great resources and tools
- + 4 design freebies and snippets
- + 6 more news articles
Subscribe to our newsletter to get a weekly list of new web dev resources in your inbox.
JavaScript & CSS
Datelite - Powerful, Customizable JavaScript Date Picker.
tanstack-start-dashboard - TanStack Start Dashboard Template with shadcn/ui & TailwindCSS.
MaterialM - Material Design Dashboard Template for Nuxt.
better-convex - Next.js Starter Template with Convex and Better Auth.
linkinbio-nextjs - Beautiful link-in-bio portfolio with Next.js, Tailwind CSS, and Framer Motion.
LiftKit - Golden Ratio UI Framework for Next.js Applications.
Kaminari - Next.js Starter with TailwindCSS & shadcn/ui.
fingerprinter-js - Browser Fingerprint Generator with Fraud Detection & Bot Protection.
fdatepicker - Accessible Customizable Date/Time/Date Picker for Modern Web App.
formloop - Build Multi-Step Forms Fast.
contextMenu - Custom Context Menus for Touch & Desktop.
DayniteJs: Smooth Dark & Light Mode Toggling Library for Web App.
DebouncedInputListener - Detect When a User Stops Typing in Text Fields.
email-obfuscator - Protect Email Addresses from Bots.
teclado.js - Mobile-style Virtual Keyboard for Web Apps.
rn-animated-components - A collection of visually rich, interactive, self-contained components built using Skia, Reanimated, and Gesture Handler.
react-native-fast-squircle - Squircle shape renderer for React Native 10x faster than SVG based alternatives.
ai-sdk-deep-research - A minimal, end‑to‑end deep‑research agent implemented with AI SDK and Next.js.
react-native-offline-video-starter - Starter Kit for Offline Video SDK.
DumbTerm - A stupidly simple web-based terminal emulator, with common tools and Starship enabled (via Docker)!
ts-regexp - A strictly typed & minimal RegExp wrapper.
tsints - A parser for typescript types, written in typescript types (no js here!)
codenames - A tiny, zero-dependency library for generating memorable codenames from numbers.
minicssgrid - A tiny CSS grid implementation in typescript.
Discover more JavaScript & CSS Libraries →
Web Dev Tools & Resources
sinkzone - A DNS tool for productivity, focus, and child safety.
json2dir - A JSON-to-directory converter, a fast alternative to home-manager for managing dotfiles.
graph - GPU-accelerated force graph layout and rendering.
rivetkit - The open-source alternative to Durable Objects.
sidequest - A modern, scalable background job processor for Node.js applications.
shotva - Turn Screenshots into Works of Art.
sourcebot - A self-hosted tool that helps you understand your codebase.
AgentGuard - Real-time guardrail that shows token spend & kills runaway LLM/agent loops.
Graphic Design Freebies
Alchemy Icon Set - A set of alchemy icons available in both PNG and SVG foramts.
Empty State Icons - 120 Free Empty State Icons (Solid + Outlined).
Suverana Display Typeface - A bold, elegant display typeface that draws inspiration from 20th-century Eastern European print design.
Visa Icon Pack - A collection of Visa-branded and generic icons for projects that require globally understood symbols for payment, security, and general navigation.
Discover more Graphic Design Freebies →
Curated AI Tools for Developers and Designers
Hyprnote - Free Local-First AI Notepad for Private Meetings.
KChat - Free, Local AI Chatbot for Private Conversations.
Libra AI - Open-source Self-Hosted AI Vibe Coding Platform.
ScreenCoder - Free AI Converts Screenshot to Product-ready HTML.
GPT-5 - OpenAI's smartest, fastest, and most useful model yet, with thinking built in.
InsForge - The Agent-Native Supabase Alternative.
Shipper.now - Create a revenue-ready product by chatting with AI.
GPT-OSS - OpenAI's two new open-weight models, gpt-oss-120b and gpt-oss-20b, designed for serious reasoning tasks.
Claude Opus 4.1 - An upgrade to Claude Opus 4 on agentic tasks, real-world coding, and reasoning.
Genie 3 - Create dynamic, playable worlds you can navigate in real-time at 24 frames per second and 720p resolution.
Eigent AI - Eigent lets you build, manage, and deploy a custom AI workforce, turning your most complex workflows into automated tasks.
News & Articles
Junior developers aren’t obsolete: Here’s how to thrive in the age of AI (Link)
Safe JSON in script tags: How not to break a site (Link)
The Power Of The Intl API: A Definitive Guide To Browser-Native Internationalization (Link)
Bringing Back Parallax With Scroll-Driven CSS Animations (Link)
Why semantic HTML still matters (Link)
7 Best Vue.js Components For Virtual Scrolling (2025 Update) (Link)
JavaScript & CSS Snippets
Interactive Table with Image Hover & Idle Animation
See the Pen [gsap/component] Interactive Table with Image Hover & Idle Animation by Filip Zrnzevic (@filipz) on CodePen.
Colored, Glowing Edge Card
See the Pen Colored, Glowing Edge Card by Simon Goellner (@simeydotme) on CodePen.
CSS scroll-driven stroke text
See the Pen CSS scroll-driven stroke text by Jhey (@jh3y) on CodePen.
Infinite Selection
See the Pen Infinite Selection by Preethi Sam (@rpsthecoder) on CodePen.
- Prev: Weekly Web Design & Development News: Collective #616
- Next: None
