Weekly Web Design & Development News: Collective #647
Everything you need to know in development & design this week, rounded up for you (Week 11, 2026).
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:
- OpenPencil: A free, AI-native design editor that could be your next Figma alternative
- Eldora UI: Grab 150+ animated components and blocks built with Tailwind and Motion
- muJS: A lightweight 5KB AJAX navigation alternative to Turbo and htmx
- pdfcraft: A completely free, privacy-focused PDF toolkit that runs entirely in your browser
- Major AI drops: GPT-5.4 rolls out in ChatGPT and Google launches Gemini 3.1 Flash-Lite
- Web platform updates: The Navigation API is now Baseline and a new guide to the Popover API
- Hot take: Is AI actually making junior developers useless?
- + 28 other JavaScript/CSS libraries, UI kits, and dev tools
- 3 graphic design freebies and mockups
- 6 more AI tools and models for your workflow
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 JavaScript UI Components For Bootstrap 5 (2026 Update)
10 best JavaScript/CSS libraries that provide additional and enhanced components missing from the latest Bootstrap 5 framework but necessary for development.
7 Best Shopping Cart Plugins For Online Stores (2026 Update)
7 best jQuery shopping cart plugins and Vanilla JavaScript shopping cart libraries for e-commerce websites and online stores.
10 Best JavaScript Plugins To Check All Checkboxes (2026 Update)
10 best jQuery and Vanilla JavaScript plugins to check/uncheck multiple checkboxes with a single checkbox.
10 Best Online JSON Data Converters In JavaScript (2026 Update)
Best JSON converters that help you generate JSON data from other file format (e.g. xls, csv, table, HTML, etc) or convert the JSON data into other file formats on the client-side.
10 Best Tooltip Libraries in JavaScript & Pure CSS (2026 Update)
10 best open-source JavaScript and CSS-only tooltip libraries that can help improve the native tooltip experience and enhance your website's usability.
15 Best Hover Effect Libraries In JavaScript & CSS (2026 Update)
15 best hover effect libraries that can be used to apply fancy interactive animations to any elements (like images, buttons, links) when hovering over them.
10 Best UI Components Libraries For React & React Native (2026 Update)
10 best and open-source UI components libraries to help build performant and beautiful React & React Native applications.
10 Best Vue.js UI Component Libraries For Faster Development (2026 Update)
10 best (top-rated) UI component libraries for Vue.js developers to build elegant, responsive, and mobile-friendly user interfaces.
JavaScript & CSS
WebHaptics - Haptic Feedback for Vanilla JS, React, Vue, and Svelte.
eggy-js - Modern Toast Popup JavaScript Library.
TactileCSS - Minimal Neumorphic UI Kit in Pure CSS.
TouchFlip3D-Web - 3D Card Flip with Touch & Mouse Drag.
Vantl - Responsive Timeline Plugin with Horizontal & Vertical Layouts.
Vantl - Responsive Timeline Plugin with Horizontal & Vertical Layouts.
rt-accordion - Accessible Animated Vanilla JS Accordion Library.
input-tags-js - Lightweight Tag Input Component with Autocomplete.
muJS - Lightweight AJAX navigation library — 5KB alternative to Turbo and htmx.
SVG2Stencil - 3D print a solder paste stencil for any circuit board.
codrops-sticky-grid-scroll - A structured scroll-driven image grid where movement unfolds progressively within a sticky layout.
Discover more JavaScript & CSS Libraries →
NextGen JavaScript
Eldora UI - 150+ Animated Components & Blocks with Tailwind and Motion.
Edra - Modern Tiptap Rich Text Editor for Svelte.
autoform-svelte - Schema-First Form Generator for Svelte.
superselect - Headless Select & Combobox for Vue 3.
fonttrio - Curated font pairing registry for shadcn.
Discover more Next.js & shadcn/ui resources →
Web Dev Tools & Resources
pdfcraft - A free, privacy-focused PDF toolkit that runs entirely in your browser.
Star-Office-UI - A pixel office for your OpenClaw: turn invisible work states into a cozy little space with characters, daily notes, and guest agents.
homarr - A modern and easy to use dashboard.
txiki.js - A small and powerful JavaScript runtime.
taws - Terminal UI for AWS (taws) - A terminal-based AWS resource viewer and manager.
kula - Lightweight, self-contained Linux® server monitoring tool.
Graphic Design Freebies
Clean SVG Icons - 84 Free Mini Clean SVG Icons for UI/UX Design.
Galaxy S26 Ultra Mockup - Samsung Galaxy S26 Ultra Figma Mockup for App Design.
Organic Shapes - 20 Free Abstract Organic Shapes for Figma.
Discover more Graphic Design Freebies →
Curated AI Tools for Developers and Designers
CoPaw - Personal AI Agent You Can Host, Extend, and Actually Control.
FireRed-OCR - Turn Document Images into Markdown (92.94% Accuracy).
OpenPencil - Free AI-Native Design Editor (Figma Alternative).
Producer.ai - Free AI Studio-Quality Music Generator by Google.
GPT-5.4 - GPT-5.4 Thinking and GPT-5.4 Pro are rolling out now in ChatGPT.
ReplaceMe - Will AI Take Your Job?
Gemini 3.1 Flash-Lite - Google’s fastest and most cost-efficient Gemini 3 series model, built for high-volume developer workloads at scale.
Qwen3.5 Small - 0.8B-9B native multimodal w/ more intelligence, less compute.
News & Articles
Navigation API - a better way to navigate, is now Baseline Newly Available (Link)
Getting Started With The Popover API (Link)
AI is Making Junior Devs Useless (Link)
You can use newline characters in URLs (Link)
- Prev: Weekly Web Design & Development News: Collective #646
- Next: None
