Weekly Web Design & Development News: Collective #599
A roundup of the latest and most popular development & design resources (Javascript & CSS libraries, Code snippets, Web Dev News & Resources, Curated AI Tools, Graphic Design Freebies, etc.) from the past week (Week 14, 2025).
Subscribe to our newsletter to get a weekly list of new web dev resources in your inbox.
JavaScript & CSS
Anime.js - Lightweight & Versatile JavaScript Animation Engine (Live Demo)
cosmoCSS - A modern classless CSS framework for styling semantic HTML instantly. Features responsive design and automatic light/dark mode switching. (Live Demo)
kaysa - Smooth Touch-Enabled JavaScript Slider Library. (Live Demo)
GTourJS - Create Interactive Web App Tours in Under 10KB. (Live Demo)
TimestampWitchJs - Time-Based DOM Management with Timezone Support. (Live Demo)
shadcn-resize-sidebar - Drag-to-Resize Sidebar for shadcn/ui with State Persistence. (Live Demo)
Supabase UI Components - Official shadcn/ui Components for Supabase. (Live Demo)
Square UI - Collection of beautifully crafted open-source layouts UI built with shadcn/ui. (Live Demo)
Ghibli-Shadcn-Theme - Build Elegant UIs with Ghibli-Inspired Shadcn Theme for Next.js. (Live Demo)
usertour - An open-source user onboarding platform. (Live Demo)
shiki-stream - Streaming highlighting with Shiki. Useful for highlighting text streams like LLM outputs. (Live Demo)
uWrap - A 10x faster and more accurate text wrapping util in < 2KB (min). (Live Demo)
WebGL-Scroll-Sync - A solution to Connect WebGL Visuals to Multiple DOM Elements with One Canvas - Without Scroll-Jacking. (Live Demo)
tiptap-shadcn-vue - A powerful and flexible editor within the Vue ecosystem, combining Tiptap with ShadCN for a seamless experien. (Live Demo)
state-in-url - Store any user state in query parameters; imagine JSON in a browser URL. (Live Demo)
react-cookie-manager - A powerful, customizable React component for cookie consent management with built-in tracking prevention.
oniguruma-to-es - Convert patterns from Oniguruma (the regex engine used by Ruby, TextMate grammars, etc.) to native JavaScript RegExp. (Live Demo)
react-native-audio-api - Provides system for controlling audio in React Native environment compatible with Web Audio API specification.
import-aliases - A robust and flexible library for setting up absolute path imports with aliases like `@app/` in JavaScript and TypeScript projects.
Discover more JavaScript & CSS Libraries →
Web Dev Tools & Resources
SlurpAI - Tool for scraping and consolidating documentation websites into a single MD file.
rusty-svg - Convert SVG files into React components (TypeScript or JavaScript) with ease.
textcase - A feature-rich Python text case conversion library.
plain - A web framework for building products with Python.
RSSAPI - Subscribe to RSS feeds and receive nearly real-time updates via webhooks.
pptx - A PPT online editor based on the web terminal.
sliFrame - A Firefox extension that allows you to add Iframes to Google Slides.
Geocities - Turn any website into 90s dot-com era.
Graphic Design Freebies
avatars - A collection of diverse free avatar images from across the web.
Illustrations - 220+ Illustrations for Your Design Systems and Docs.
Paperpillar - A modern E-commerce Web UI Kit.
SIDDHI Font - A free handwriting font.
Discover more Graphic Design Freebies →
Curated Free AI Tools
MCP Servers - A directory of curated & open-source Model Context Protocol servers.
Deepsite - Free AI Website Generator Based on DeepSeek.
WebCraft - Self-Hosted AI Web Design Agent.
Byblos AI - Data-Driven Software Recommendations.
github-mcp-server - GitHub's official MCP Server.
dyad - Delightful AI coding mentor | Open-source, local, hackable.
News & Articles
Worlds Collide: Keyframe Collision Detection Using Style Queries (Link)
Discovery to Decisions: Marketing in the AI era. (Link)
Web Components Vs. Framework Components: What’s The Difference? (Link)
Past and Present Futures of User Interface Design (Link)
Bootstrap 5.3.5 is now live! This update fixes floating labels rendering on Firefox. (Link)
JavaScript & CSS Snippets
Hopefully accessible smooth dropdown
See the Pen Hopefully accessible smooth dropdown by Ana Tudor (@thebabydino) on CodePen.
Retro futuristic radio buttons with GSAP v10
See the Pen Retro futuristic radio buttons with GSAP v10 by Josh Dillon (@jdillon) on CodePen.
Shiny Glinty Button
See the Pen Shiny Glinty Button by Elle (@carvacodes) on CodePen.
Zig-Zag edges
See the Pen Zig-Zag edges by Temani Afif (@t_afif) on CodePen.
A shaped marquee!
See the Pen A shaped marquee! by We The Collective (@wtc) on CodePen.
