jQuery Script Blog

Weekly Web Design & Development News: Collective #604

by jQueryScript,

Everything you need to know in development & design this week, rounded up for you (Week 20, 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

UAplus.css - A Better CSS Reset for Modern Devs. (Live Demo)

UAplus.css

unverceled-nextjs - The All-in-One Next.js Starter Kit for Cloudflare Deployment.

textrix

starwind-ui - Accessible Astro Component Library with Full Code Control. (Live Demo)

starwind-ui

tnks-data-table - Add Canvas Confetti Effects to Any Website. (Live Demo)

tnks-data-table

9ui - Copy-Paste UI Component Library for Next.js with Base UI and Tailwind. (Live Demo)

9ui

NanoJSON - Lightweight JS JSON Editor for Web. (Live Demo)

NanoJSON

DropDrawer - Responsive Dropdown/Drawer Component for shadcn/ui. (Live Demo)

DropDrawer

Diaper - iOS-Style Bottom Sheet Component for Svelte. (Live Demo)

Diaper

Browserux.css - UX-First CSS Foundation for Modern Web. (Live Demo)

Browserux.css

Coverflow Card Carousel - Coverflow Card Carousel with JavaScript and CSS/CSS3. (Live Demo)

Coverflow Card Carousel

snapDOM - Fast & Accurate DOM to Image Capture. (Live Demo)

snapDOM

Speakrandom - A modern, responsive chat and messaging UI.

Feather - A lightweight, DX-first web framework for Rust

mono-jsx - A JSX runtime that renders <html> element to Response object in JavaScript runtimes like Node.js, Deno, Bun, Cloudflare Workers, etc.

FEAScript-core - A JavaScript finite element simulation library.

AutoForm - Automatically render forms for your existing data schema. (Live Demo)

harvester - JavaScript library for "fuzzy" HTML data extraction based on templates.

lexgui.js - CA pure JavaScript library to create web editor interfaces and components. (Live Demo)

gpui-component - UI components for building fantastic desktop application.

optic-react-native - Lightweight Performance Profiling Tool For React Native.

aberdeen - A TypeScript/JavaScript library for quickly building performant declarative user interfaces without the use of a virtual DOM.

Discover more JavaScript & CSS Libraries →

Web Dev Tools & Resources

vectorvfs - Your filesystem as a vector database.

kit- A production-ready Python toolkit for codebase mapping, symbol extraction, code search, and building LLM-powered developer tools, agents, and workflows.

rybbit - Open-source and privacy-friendly alternative to Google Analytics that is 10x more intuitive.

Simple Site Monitor - A robust web application for monitoring website uptime, performance, and SSL certificate expiration.

arkflow - High-performance Rust stream processing engine, providing powerful data stream processing capabilities.

VERT - The next-generation file converter. Open source, fully local* and free forever.

Tianji - Insight into everything, Website Analytics + Uptime Monitor + Server Status. not only another GA alternatives.

DBOS Transact - A Lightweight Durable Execution Library Built on Postgres.

Biyo - A browser extension for rapid prototyping that allows you to inject Vue.js or React applications into any existing webpage.

EnvGuard - An NPM package that validates your environment variables.

Graphic Design Freebies

WOOBLY Font  - A free bold display font.

SparkGPT

Discover more Graphic Design Freebies →

Curated Free AI Tools

Figma Make - Turn ideas into reality with AI-powered design tools—generate, iterate, and build faster, all in one creative space.

Figma Sites - An all-in-one tool for you to design and build custom, responsive websites.

Pablo.Design - Generate a Branded Site or App from Just Your Logo.

Website AI Grader - Check Your Site’s AI Readiness Score.

Cursor v0.5 - Cursor (The #1 AI Code Editor) v0.5 dropped with unified pricing & Max Mode across all models.

Windsurf Wave 8 - Integrates AI-assisted app building directly into the IDE. Update tailored for Teams & Enterprises.

Void AI Code Editor - An open source Cursor alternative. Write code with the best AI tools, use any model, and retain full control over your data.

Zed - A next-generation code editor designed forhigh-performance collaboration with humans and AI.

Cloi CLI - Local debugging agent that runs in your terminal.

Docling - Get your documents ready for gen AI.

Open Computer Agent - HuggingFace's free Open AI operator like Computer Use agent.

Discover more Free AI Tools →

News & Articles

Orbital Mechanics (or How I Optimized a CSS Keyframes Animation) (Link)

Masonry In CSS: Should Grid Evolve Or Stand Aside For A New Module? (Link)

Easier layout with margin-trim (Link)

How To Launch Big Complex Projects (Link)

What Does "use client" Do? (Link)

Why performance optimization is hard work (Link)

JavaScript & CSS Snippets

Draw Random Underline (DrawSVG)

See the Pen Draw Random Underline (DrawSVG) by Osmo (@osmosupply) on CodePen.

flair cursor follower

See the Pen flair cursor follower by GSAP (@GreenSock) on CodePen.

Ripple distortion effect

See the Pen Ripple distortion effect by Kevin Grajeda (@kevin-carlos-grajeda-a) on CodePen.

CSS Carousel

See the Pen CSS Carousel by Arby (@mobalti) on CodePen.

ScrollSynced Carousel V3 (Gsap + Swiper)

See the Pen ScrollSynced Carousel V3 (Gsap + Swiper) by Luis Alberto Martinez Riancho (@luis-lessrain) on CodePen.