Weekly Web Design & Development News: Collective #609
Everything you need to know in development & design this week, rounded up for you (Week 25, 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!
Subscribe to our newsletter to get a weekly list of new web dev resources in your inbox.
JavaScript & CSS
shadcn-editor - Customizable Rich Text Editor with shadcn/ui & Lexical. (Live Demo)
Open Props UI - Copy-Paste CSS Components Library for Modern Web. (Live Demo)
Kinesis.js - Declarative Interactive Animations in Vanilla JavaScript. (Live Demo)
WWDC 2025 Liquid Glass Effect - Realistic Liquid Glass Distortion Effects with CSS and SVG. (Live Demo)
Markdown WYSIWYG Editor - Dual-Mode WYSIWYG Rich Text & Markdown Editor in JavaScript (Live Demo)
Storyteller - Minimal Astro & Tailwind Blog Theme. (Live Demo)
little-timestamp - A small & opinionated timestamp formatting library. (Live Demo)
shadcn-landing-page - Date & Time Ranger Picker Components for shadcn/ui. (Live Demo)
Notion-ShadCN-Blog - Build Your Blog with Notion, Next.js, and shadcn/ui in 60 Seconds.
Kaif UI - Animated Copy-Paste UI Components Library. (Live Demo)
better-auth-ui: Shadcn/ui Authentication Components for Next.js. (Live Demo)
liquid-glass-react - Apple's Liquid Glass effect for React. (Live Demo)
Ticky - Modern and free Kanban board app.
position-observer - Asynchronously observe changes in the position, size and intersection of elements without polling. (Live Demo)
unloader - Node.js loader with a Rollup-like interface.
apple-glass - Recreate Apple's liquid glass effect.
Liquid Glass Vue - Best liquid-glass project, build with shader/webgl. (Live Demo)
react-native-liquid-glass - A sleek, modern React Native component that brings Apple's revolutionary iOS 26 Liquid Glass design language to your mobile apps.
expo-sticky-header - React Native Professional Sticky Header.
Fake OS Terminal Simulator - A customizable, animated fake OS terminal simulator built with HTML, CSS, and JavaScript. (Live Demo)
Discover more JavaScript & CSS Libraries →
Web Dev Tools & Resources
Aether CMS - A lightweight, file-based CMS built with vanilla JavaScript and LiteNode that generates blazing-fast static sites.
url-muncher - A little goblin that eats your URL bar.
somo - A human-friendly alternative to netstat for socket and port monitoring on Linux.
subtitle-flow - A browser-based tool lets you upload media and work with SRT/VTT files directly in your browser.
Aquascript - Developer-friendly platform for generating blazing-fast fake JSON data APIs.
Kan - The open-source project management alternative to Trello.
donutbrowser - Simple Yet Powerful Browser Orchestrator.
pdf3md - A modern, user-friendly web application that converts PDF documents to clean, formatted Markdown text.
Graphic Design Freebies
iOS 26 Liquid Glass UI Kit - A set of Figma UI components based on the new Apple design concept.
iOS 26 App Icon Template - Apple's Official iOS 26 App Icon Template in Figma.
iOS 26 Liquid Glass Buttons - A Figma button component library that recreates Apple’s latest design system introduced at WWDC25.
Discover more Graphic Design Freebies →
Curated AI Tools for Developers and Designers
o3-pro - An updated version of OpenAI's most intelligent model.
Seedance 1.0 - Bytedance's new model that supports multi-shot video generation from both text and image.
Hugging Face Sheets - A tool to create and enrich spreadsheets using open AI models.
Figma Sites - Everything you need to design, prototype, and publish—all in one place.
PageAI - PageAI designs & creates clean code for your website, as if a human would write it.
Instance - Turn your ideas into functional apps, games, and websites.
Flowstep - Turn your thoughts into beautifully crafted UI designs.
ExplainGitHub - Chat with Any GitHub Repo to Learn Projects Faster.
iBrief - Free & Fast AI Article Summarizer That Actually Works
Tilda - Create beautiful websites without any code.
News & Articles
Things to avoid in JavaScript (Link)
Oxlint Launched. It is a Rust-powered linter for JavaScript and TypeScript is designed to be fast and simple to adopt. (Link)
Research papers for software engineers to transition to AI Engineering (Link)
Unraveling the mystery of percentage-based heights in CSS (Link)
CSS shape() Commands (Link)
JavaScript & CSS Snippets
"liquid glass" — scroll, drag, configure [Chromium]
See the Pen "liquid glass" — scroll, drag, configure [Chromium] by Jhey (@jh3y) on CodePen.
Squicles Buttons with Fluid Animations
See the Pen Squicles Buttons with Fluid Animations by Ekoy Studio (@ekoy-studio) on CodePen.
Glowing Carousel: Gradient Text & Popups in Motion
See the Pen Glowing Carousel: Gradient Text & Popups in Motion by marcello (@tofjadesign) on CodePen.
3D Product Cards
See the Pen 3D Product Cards by Rafa (@RAFA3L) on CodePen.
- Prev: Weekly Web Design & Development News: Collective #608
- Next: None
