jQuery Script Blog

Weekly Web Design & Development News: Collective #634

by jQueryScript,

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

  • Get your stack ready for next year with our updated Top 10 lists for Carousels, Tree Views, and React Editors
  • Heads up: A critical security vulnerability has been found in React Server Components
  • Good news for layout lovers: You won't need a library for Masonry grids much longer
  • dom-to-pptx: A handy library for converting high-fidelity HTML directly into PowerPoint slides
  • Foliox: A free AI tool that instantly turns your GitHub profile into a portfolio website
  • A sneak peek at the progress being made on TypeScript 7
  • Build smooth user walkthroughs with a new Tour component for Shadcn/UI
  • 3 new design freebies (icons, fonts, and UI kits)
  • 28 other useful libraries, tools, and AI resources

Subscribe to our newsletter to get a weekly list of new web dev resources in your inbox.

The 2026 Top 10 Series

Get your tech stack ready for the year ahead.

We've started our massive annual audit. We are rewriting and updating our most popular "Top 10" lists to ensure every library recommendation is modern, maintained, and ready for 2026 projects.

Updated this week:

10 Best Carousel Plugins In jQuery/JavaScript/CSS (2026 Update)

Discover the top 10 carousel plugins & libraries for web development in 2026. Compare Vanilla JavaScript, jQuery, and Pure CSS solutions to find the perfect fit for your project.

10 Best Carousel Plugins In jQuery/JavaScript/CSS (2026 Update)

10 Best Tree View JavaScript Libraries in 2026 (Lightweight & Free)

10 best and free Tree View libraries built using Vanilla JavaScript. Use them in your next project to present data in a hierarchical tree structure.

10 Best Tree View JavaScript Libraries in 2026 (Lightweight & Free)

10 Best React WYSIWYG Rich Text Editors in 2026 (Open Source)

The 10 best open-source React rich text editors for 2026. Review features, architectures, and live demos to find the right WYSIWYG editor for your app.

10 Best React WYSIWYG Rich Text Editors in 2026 (Open Source)

JavaScript & CSS

dom-to-pptx - High-Fidelity HTML to PowerPoint Converter in JavaScript.

dom-to-pptx

Obsidium - Vanilla JavaScript Gallery Lightbox with Touch Support.

Vanilla JavaScript Gallery Lightbox with Touch Support

GlassiFy - Create Liquid Glass Effects with Dynamic Displacement.

Create Liquid Glass Effects with Dynamic Displacement

Pietry - Lightweight Pie/Donut Charts with CSS Conic Gradients.

Lightweight Pie/Donut Charts with CSS Conic Gradients

bw-datatable - Lightweight Vanilla JS Data Grid for Modern Web Apps.

Lightweight Vanilla JS Data Grid for Modern Web Apps

squirclestyle - Create truly smooth corners using CSS.

multithreading - The missing standard library for multithreading in JavaScript (Works in the browser, Node.js, Deno, Bun).

Discover more JavaScript & CSS Libraries →

NextGen JavaScript

Tour - Build User Walkthroughs with Tour Component for Shadcn/UI.

Build User Walkthroughs with Tour Component for Shadcn/UI

tablecn - Server-Side Data Table Component for shadcn/ui & Next.js.

Server-Side Data Table Component for shadcn/ui & Next.js

Svelte TableCN - Feature-Rich Data Grid Built on TanStack Table.

Feature-Rich Data Grid Built on TanStack Table

more-shadcn-svelte - Advanced Svelte UI Components.

Advanced Svelte UI Components

next16-docker-tw4-starter - Next.js Starter Template with TailwindCSS, Next-Auth, and Docker.

Next.js Starter Template with TailwindCSS, Next-Auth, and Docker

expo-morphing-text - Smooth Text Morphing for React Native with Reanimated.

Smooth Text Morphing for React Native with Reanimated

Sonner Native - Create Interactive Line and Candlestick Graphs.

Smooth Toast Notifications for React Native

React Native Wagmi Charts - Interactive Chart Component with Brush to Zoom.

React Native Wagmi Charts

use-time-of-day - Detect Time Periods in React.

Detect Time Periods in React

react-ts-audio-recorder - Browser Audio Recorder with MP3 and WAV Support.

Browser Audio Recorder with MP3 and WAV Support

react-d3-tree - Interactive Tree Graphs for React Apps.

Interactive Tree Graphs for React Apps

react-native-nitro-view-shot - React Native view capture library built with Nitro Modules.

render-peek - A lightweight React Hook for visually detecting unnecessary re-renders.

react-native-nitro-symbols - React Native library for accessing native Apple SFSymbols.

react-native-harness - Harness brings Jest-style tests to real native environments so you can test TurboModules like you would test your React Native app: with JavaScript.

react-native-nitro-glass - A native iOS library that brings LiquidGlass effects to React Native through Nitro Modules.

mobxmotion - Performant animations using React and mobx.

Discover more Next.js & shadcn/ui resources →

Web Dev Tools & Resources

react-grab - Grab any element on in your app and give it to Cursor, Claude Code, etc.

gitmal - A static page generator for repos.

zmx - Session persistence for terminal processes.

mac-cleaner-cli -Scan and remove junk files, caches, logs, and more — all from your terminal.

CodeWeaver - Weave your codebase into a single, navigable Markdown document.

imgui-react-runtime - A React runtime for Dear ImGui powered by Static Hermes.

clipmd - Convert clipboard from HTML to MD.

localcafe-lite - A polyfill for the WebCodecs API for use in server-side JavaScript environments such as Node, Deno, and Bun.

Graphic Design Freebies

OpenAI Icons - 148 Free OpenAI ChatGPT Icons (Figma, SVG, PNG).

148 Free OpenAI ChatGPT Icons (Figma, SVG, PNG)

Gnocchi Font - A Gastronomic Typeface (.TTF).

Gnocchi Font

Salon App UI Kit - Free Salon App UI Kit for Figma (Booking & Map).

Free Salon App UI Kit for Figma (Booking & Map)

Discover more Graphic Design Freebies →

Curated AI Tools for Developers and Designers

Foliox - Free AI Turns Your GitHub Profile into a Portfolio Website.

Google Workspace Studio - Create agents in minutes to automate everyday work, from simple tasks to complex processes—no coding required.

Kling VIDEO 2.6 - Generates visuals, natural voiceovers, matching sound effects, and ambient atmosphere in a single pass, bridging the worlds of “sound” and “visuals”.

Jarvis - Open-Source AI Voice Assistant for macOS.

Mistral 3 - A new family of 10 open-weight models that includes its flagship Large 3 and nine smaller variants designed to run on everything from consumer cloud to laptops, drones, and robots.

Runway Gen-4.5 - The world’s top-rated video model, offering unprecedented visual fidelity and creative control.

Nano PDF Editor - An open-source CLI tool that allows you to edit PDF Slides using Nano Banana Pro.

Discover more Free AI Tools →

News & Articles

Year in Google Search 2025. (Link)

Critical Security Vulnerability in React Server Components. (Link)

Masonry: Things You Won’t Need A Library For Anymore (Link)

How AI is transforming work at Anthropic (Link)

Progress on TypeScript 7 (Link)

JavaScript & CSS Snippets

water distortion

See the Pen water distortion by Deckard (@dermalhealth) on CodePen.

Staggered Text Reveal with sibling-index()

See the Pen Staggered Text Reveal with sibling-index() by Sultan Khan (@CalculateQuick) on CodePen.

Flip Cards

See the Pen Flip Cards by GSAP (@GreenSock) on CodePen.

Responsive Stacked/Overlapping images with hover

See the Pen Responsive Stacked/Overlapping images with hover by Temani Afif (@t_afif) on CodePen.