Weekly Web Design & Development News: Collective #593
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 8, 2025).
Subscribe to our newsletter to get a weekly list of new web dev resources in your inbox.
JavaScript & CSS
postal-mime - Parse Emails in Browser & Serverless. (Live Demo)
honey-toast - Customizable Framework-agnostic JavaScript Toast Notification Library. (Live Demo)
maskifyjs - Add Interactive Masking Effects to Web Pages. (Live Demo)
markdown-text-editor - Simple Markdown Editor with Real-Time Preview and Customizable Toolbar. (Live Demo)
bootstrap5-autocomplete - Auto and Manual Dark Mode Switch in JavaScript. (Live Demo)
style-observer - Run JS when a CSS property changes. Any CSS property.
up-fetch - An advanced fetch client builder with standard schema validation, automatic response parsing, smart defaults and more.
react-render-stream - A library to make commited-render-to-committed-render assertions on your React components and hooks.
react-native-onboarding - Onboarding screen w/ expo router. (Live Demo)
shadcn-vue-landing-page - Shadcn/Vue Landing Page Template. (Live Demo)
cloudflare-custom-pages-nextjs - A beautiful, out-of-the-box Cloudflare WAF custom page template. (Live Demo)
excellentexport - A quick JavaScript library to create export to Excel/CSV from HTML tables in the browser.
sylph - A minimal and lightweight portfolio template designed for developers, designers, and creatives. (Live Demo)
fullsoak - A no-build TypeScript fullstack SSR-first framework for developing fast web applications with a shallow learning curve.
typeconf - A Typescript tool to write configs with types.
shadcn-iconpicker - A searchable icon picker component built with NextJS, Lucide-react, TailwindCSS and shadcn/ui. (Live Demo)
Discover more JavaScript & CSS Libraries →
Web Dev Tools & Resources
liquid-logo - Turn your logo into liquid metal with Paper Shaders.
palette-lab - Toolkit for analyzing color palettes.
cross-capture - Capture screenshots programmatically.
GitHub Resume Generator - Transform your GitHub profile into a professional resume instantly.
Easing Graphs - A collection of easing graphs for web developers.
Graphic Design Freebies
EasyMart - a 100% free e-commerce UI/UX design kit that gives you a complete responsive website design for online stores.
Trading App UI - Helps you build a functional and intuitive trading app. Available for both mobile and desktop.
3D Education Icons - 36 Free 3D Education Icons Figma.
Discover more Graphic Design Freebies →
Curated Free AI Tools
scira - A minimalistic AI-powered search engine that helps you find information on the internet.
gencli - An AI-powered CLI tool built with Golang that answers your questions using the Google Gemini API.
landing - Launch landing pages in minutes with AI.
CheckMate - Free AI Fact-Checker Verifies Claims in Seconds.
PPT AI - Generate PowerPoint Presentations Like A Pro.
News & Articles
React deprecated Create React App for new apps. (Link)
Decoding CSS Selectors: :has(:not) vs :not(:has) (Link)
State of React 2024 (Link)
OKLCH in CSS: why we moved from RGB and HSL (Link)
Revisiting CSS Multi-Column Layout (Link)
JavaScript & CSS Snippets
Bouncy input radio
See the Pen Bouncy input radio by Temani Afif (@t_afif) on CodePen.
Table Cell :hover effect w/ CSS :has()
See the Pen Table Cell :hover effect w/ CSS :has() by Jhey (@jh3y) on CodePen.
Fun "quick flip" effect
See the Pen Fun "quick flip" effect by Kevin (@kevinpowell) on CodePen.
Two Column Trigger
See the Pen Two Column Trigger by GSAP (@GreenSock) on CodePen.
- Prev: Weekly Web Design & Development News: Collective #592
- Next: None
