Weekly Web Design & Development News: Collective #629
Everything you need to know in development & design this week, rounded up for you (Week 45, 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:
- Big News! The entire Affinity suite of pro design software is now completely free.
- Perplexity's AI-powered browser, Comet, is now free for everyone (it used to be $200/month!).
- Get ready for AI coding agents from OpenAI, Google, and more, coming to GitHub Copilot.
- Create a mesmerizing gooey text morphing effect using only pure CSS.
- Access multiple LLMs completely offline and privately with a new lightweight CLI tool.
- Build a smooth, native mobile-style bottom sheet with a pure web component.
- 25 other great resources and tools
- 3 icon packs including 120+ Fintech icons and 100+ iGaming icons
- More on AI tools from Google and xAI, plus why Webflow gave $150k to Astro
Subscribe to our newsletter to get a weekly list of new web dev resources in your inbox.
JavaScript & CSS
billingsdk - Build SaaS Billing UI Faster with Billing SDK for Next.js/React
Efferd UI - 39+ Ready-to-Use Shadcn UI Blocks for Web Apps
astro-starter - Astro Starter Template with SEO and CI/CD Configuration.
notion-avatar-svelte - Customizable Avatar Editor for Svelte Apps.
nuxt-keycloak - Authentication Module with SSR and Role-Based Guards.
Wandry UI - Pre-built shadcn/ui Form Components for Inertia.js.
pure-web-bottom-sheet - Build Smooth Bottom Sheet Web Component with Native Mobile Feel.
helium - Add Reactivity to HTML with Custom Attributes
nomoji - Replace Emojis with Crisp SVG Images with Nomoji JS Library.
Gooey Text - Pure CSS Morphing Text Effect with Gooey Transitions.
smokey-fluid-cursor - Interactive WebGL Fluid Motion.
SnapRollJS - Build Fullscreen Snap-Scroll Presentations
clock-timepicker - Material Design-style Time Picker Web Component
deepseek_ocr_app - Self-Hosted React OCR Web App.
cuer - Composable QR Code Component for React Developers.
linked-chart - React Component for Linked Charts and Data Tables with Interactive Filtering.
zenui-image-react - React Lazy Load Image Component with Custom Placeholders.
react-native-keyboard-experience - Seamless & Animated Keyboard-Avoiding Experience in React Native.
smooth-push - Gesture-Based Toasts for React Native.
shadcn-themer - A web application that lets you to create, customize, and share themes for shadcn/ui.
Web Dev Tools & Resources
Free Markdown to HTML Converter - Free, privacy-first, AI content friendly Markdown to HTML converter with real-time preview.
helix - A post-modern modal text editor.
oxdraw - Diagram as Code Tool Written in Rust with Draggable Editing.
ai-agents-from-scratch - Demystify AI agents by building them yourself.
Workflow DevKit - Build durable, resilient, and observable workflows.
nokode - A web server with no application logic. Just an LLM with three tools.
llms - Lightweight CLI, API and ChatGPT-like alternative to Open WebUI for accessing multiple LLMs, entirely offline, with all data kept private in browser storage.
color-pilot - A minimal, offline color palette generator that extracts colors from images, CSS, or websites.
css-clamp-generator - Generate perfect CSS clamp() values for fluid, responsive typography.
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
iGaming Icons - 100+ Free iGaming Icons for Figma.
Fintech Icons - 120+ Free Duotone Fintech Icons in Figma.
Samsung App Icons - Samsung Galaxy App Icon Collection.
Discover more Graphic Design Freebies →
Curated AI Tools for Developers and Designers
Comet by Perplexity - AI Browser Now Free After $200/Month Launch.
Pomelli - Google’s Free AI Tool for SMB Marketing Campaigns
Web Codegen Scorer CLI - Free CLI tool from Angular team that tests AI-generated web code quality with automated checks for builds, accessibility, and security.
Grokipedia - A Free AI-Powered Wikipedia Alternative by xAI.
Kimi CLI - >Open-Source AI Coding Agent with ACP & MCP Support.
Open Notebook - Private, Self-Hosted Alternative to Google NotebookLM.
Airtop Agents - Build powerful web agents by chatting with AI.
Cursor 2.0 and Composer - Cursor AI released its first coding model, Composer, and a new interface for working with many agents in parallel.
Agent HQ - Coding agents from Anthropic, OpenAI, Google, Cognition, and xAI will be available on GitHub as part of your paid GitHub Copilot subscription.
Claude for Excel - Get explanations with cell-level citations, and update assumptions while preserving formulas.
News & Articles
Canvas announced the all-new Affinity: Professional design, now free for everyone. (Link)
Inlining Critical CSS: Does It Make Your Website Faster? (Link)
Open Web Platform Milestone Achieved with HTML5 Recommendation. (Link)
When to Use Modal vs Dialog Components? (Link)
Webflow Donates $150,000 to Support Astro's Open Source Mission (Link)
JavaScript & CSS Snippets
CSS Animated Play Button Collection
See the Pen CSS Animated Play Button Collection: Responsive & Easily Customizable by Mark Sottek (@mark_sottek) on CodePen.
Responsive grid layout
See the Pen Responsive grid layout by Ana Tudor (@thebabydino) on CodePen.
Custom curved corner scrollbars
See the Pen Custom curved corner scrollbars by Chris Bolson (@cbolson) on CodePen.
Pill Stepper
See the Pen Pill Stepper by Jon Kantner (@jkantner) on CodePen.
- Prev: Weekly Web Design & Development News: Collective #628
- Next: None
