Weekly Web Design & Development News: Collective #628
Everything you need to know in development & design this week, rounded up for you (Week 44, 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:
- Next.js 16 has been released! Get the scoop on what's new.
- OpenAI just dropped ChatGPT Atlas, its new AI web browser with automation features.
- ️ Check out devpush, an open-source, self-hostable alternative to Vercel.
- Build a full desktop-style web OS in your browser with the OrbitOS Next.js project.
- Snag a massive shadcn/ui dashboard template with over 50 components and 20+ pages.
- Perplexity's powerful AI browser, Comet, is now completely free for everyone.
- Grab a free, feature-rich SaaS Dashboard UI Kit for your next Figma project.
- 45 other great resources, tools, and news items
- 2 more design freebies, including a retro pixel font
Subscribe to our newsletter to get a weekly list of new web dev resources in your inbox.
JavaScript & CSS
Dice UI - Accessible Copy-paste UI Components for shadcn.
Mainline - Modern Next.js Template with shadcn/ui and Tailwind CSS.
shadcn-ui-dashboard - Shadcn/ui Dashboard Template with 50+ Components & 20+ Pages.
Portfolio-Web-v2 - Fast, SEO-friendly Next.js Portfolio Template with MDX Blog.
Laravel Nuxt UI Starter Kit - Production-Ready Laravel Starter Kit with Vue 3 and Nuxt UI.
Scratch to Reveal Svelte - Interactive Scratch Off Components for Svelte.
OrbitOS - Build Desktop-Style Web OS with Next.js and Node.js.
portfolio - Next.js Portfolio Template for AI/ML Engineer & Data Scientist.
slaydover - Responsive Swipeable Modal & Drawer for Vue & Nuxt.
svelte-spins - 30+ Zero-Dependency Loading Spinners for Svelte.
social-share-buttons - Lightweight Social Sharing for Modern Sites.
fast-json-format - Lossless JSON Pretty-Printer for JavaScript.
form-show-if - Conditional Form Fields Web Component.
dirty-form - Track Unsaved Form Changes in JavaScript.
before-after - Before-After Image Comparison Slider.
sparklines.js - Pure JavaScript Library for Inline Charts.
bootstrap-sheet - iOS-style Bottom Sheet Component for Bootstrap 5.
range-slider - Accessible Dual-Handle Range Slider Library
react-native-bottom-tabs - React Native Bottom Tabs with Native Components.
react-native-date-picker - React Native Date/Time/Year/Month Picker for iOS, Android & Web.
Anime-Scene-Gallery - Create Interactive Anime Gallery with React & Framer Motion.
react-native-imessage - Build an iMessage Clone with React Native and Expo.
rn-selector - Customizable Searchable Dropdown Component.
react-tree-multi-select - React Tree Multi Select Component for Hierarchical Data.
claude-agent-kit - Utilities, patterns, and examples built around @anthropic-ai/claude-agent-sdk.
non-error - An error subclass for wrapping non-error values.
infinite-carousel-animation - Responsive Infinite Carousel Animation Using HTML CSS JavaScript.
Discover more JavaScript & CSS Libraries →
Web Dev Tools & Resources
Free Markdown to HTML Converter - Free, privacy-first, AI content friendly Markdown to HTML converter with real-time preview.
devpush - Like Vercel, but open source and for all languages.
pogocache - Self-hosted secure VM sandboxes for AI compute at scale.
k7 - A simple, fast streaming JSON parser built on standards.
gh-signoff - A GitHub CLI extension for local CI.
wayback-url-finder - A Chrome extension that helps you quickly discover archived URLs from the Wayback Machine.
FocusTube - A chrome extension that removes the short block of the YouTube homepage and reduces the thumbnail size.
superpowers-chrome - Direct browser control via Chrome DevTools Protocol.
server-monitoring - Web-based server monitoring dashboard via SSH with real-time metrics.
Offwork Countdown - Time Until Off Work, Weekend & Holidays.
24-Hour to 12-Hour Converter - Quickly and easily convert 24-hour time to the standard 12-hour AM/PM format.
Graphic Design Freebies
Ghost Crypto Wallet - Ghost Crypto Wallet App UI Kit for Web3 Design.
AiDEA - Free SaaS Dashboard UI Kit for Figma.
Pixelbyte - A free TTF font created for designs needing a retro gaming look.
Discover more Graphic Design Freebies →
Curated AI Tools for Developers and Designers
ChatGPT Atlas - OpenAI’s New AI Web Browser with Automation Features.
Comet by Perplexity - AI Browser Now Free After $200/Month Launch.
Deta Surf - Open-Source Local AI Notebook for Research (NotebookLM Alternative).
LTX-2 - Open AI Video Generator with Synced Audio & 4K Output.
Open Notebook - Private, Self-Hosted Alternative to Google NotebookLM.
Dexter - Open-source AI Agent for Autonomous Financial Research.
Skill Seeker - Turn Any Documentation Into a Claude Skill.
Claude Code on the web - A new way to delegate coding tasks directly from your browser.
DeepSeek-OCR - DeepSeek’s new model to investigate the role of vision encoders from an LLM-centric viewpoint.
News & Articles
Evals for Next.js to test AI model competency at Next.js. (Link)
URLPattern is now Baseline Newly available. (Link)
Next.js 16 Released. (Link)
The Rise of JavaScript in Machine Learning (Link)
Vercel Agent: Your new Vercel teammate (Link)
JavaScript & CSS Snippets
Liquid Effect
See the Pen Liquid Effect by Kevin Levron (@soju22) on CodePen.
UI Action Menu Dropdown design
See the Pen UI Action Menu Dropdown design by Simey (@simeydotme) on CodePen.
Minimal Dot Clock
See the Pen Minimal Dot Clock by Chris Bolson (@cbolson) on CodePen.
Pure CSS angled columns layout options (heavily commented, no magic numbers)
See the Pen Pure CSS angled columns layout options (heavily commented, no magic numbers) by Ana Tudor (@thebabydino) on CodePen.
- Prev: Weekly Web Design & Development News: Collective #627
- Next: None
