Weekly Web Design & Development News: Collective #626
Everything you need to know in development & design this week, rounded up for you (Week 42, 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:
- Build AI-powered apps with Genkit, Google's new open-source framework.
- Magically turn any Python function into a web UI with zero boilerplate using FuncToWeb.
- ️ Create stunning, game-style 2D/3D parallax effects with the lightweight super-parallax library.
- Build mini-AI apps with Opal, Googles brand new no-code tool.
- Grab free app and marketing components for Tailwind CSS from hyperui.
- Heads up: Hackers are exploiting CSS properties to conceal malicious code in new attacks.
- Snag a huge pack of 400+ free 3D tech brand logos for Figma.
- 42 other great resources, tools, and news items
- 3 other design freebies including new fonts and a massive Halloween pack
Subscribe to our newsletter to get a weekly list of new web dev resources in your inbox.
JavaScript & CSS
MorphCharts - A visualization library for creating rich, immersive, and engaging 2D and 3D data visualizations.
zoomora - Modern JavaScript Lightbox with Zoom & Gallery.
super-parallax - A lightweight JavaScript library for creating complex multi-layer parallax effects that respond to both scroll and mouse movement.
cursorly.js - A lightweight, customizable JavaScript library for creating custom cursors with animated trails, emojis, and visual effects.
Tarot.js - A powerful and customizable JavaScript library for creating and managing Tarot card decks, custom spreads, and readings.
Elevenlabs UI - Build Multimodal AI Agent with shadcn/ui & ElevenLabs UI.
hyperui - App & Marketing Components & Blocks for Tailwind CSS.
shadcn-tanstack-form - Build Type-Safe Web Forms with shadcn/ui and TanStack Form.
shadcn-map - Add Leaflet Maps to shadcn/ui Projects with Custom Markers and Controls.
shadcn-persian-calendar - Accessible shadcn/ui Persian Date Picker with RTL and Dark Mode Support.
www-sacred - React Component library for Building Terminal-style UI.
react-cookie-manager - Privacy-First GDPR Cookie Consent Component.
react-old-icons - 2300+ Classic Icons As Components for React.
react-native-input-code-otp - High-Performance React Native OTP Input Component.
css-extras - Useful CSS custom functions using the new @function rule.
expo-ios-popover - SwiftUI Popovers in React Native — lightweight, native popovers with arrow support.
genkit - Open-source framework for building AI-powered apps in JavaScript, Go, and Python, built and used in production by Google.
juris - JavaScript Unified Reactive Interface Solution, the first and only Non-Blocking Reactive Object Framework for the web
simple-live-reload - A lightweight JavaScript helper for automatically reloading the page when changes are detected in local files.
pdf-parse - A pure TypeScript/JavaScript, cross-platform module for extracting text, images, and tabular data from PDF files.
graffiti - A minimal CSS framework with utilities that are actually useful.
better-convex-query - TanStack Query-inspired React hooks for Convex with enhanced developer experience.
svelte-pdf-viewer - A comprehensive PDF viewer component for Svelte 5 with interactive features like text selection, annotations, and flexible display modes.
react-embed-component - A universal React component for embeding different platforms into your website.
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.
ut - A fast, lightweight CLI utility toolkit for developers and IT professionals.
amplifier - A complete development environment that takes AI coding assistants and supercharges them with discovered patterns, specialized expertise, and powerful automation
crypto-tax-calculator - An advanced cryptocurrency & personal income tax calculator.
WindowMode - Turn your screen into a Window into a virtual world.
blaze - Full Text Search Engine written in Go.
gpu-hot - Real-time NVIDIA GPU dashboard.
blogr - Write, edit, and publish your blog without ever leaving your terminal!
FuncToWeb - Transform any Python function into a web interface automatically. Zero boilerplate.
accented - A frontend library for continuous accessibility testing and issue highlighting.
Graphic Design Freebies
Halloween Freebies - 00+ Best and Free Graphic Design Resources for Halloween 2025.
Arumira Modern Serif Font - A free modern serif font free for personal and commercial use.
Rondira Geometric Font - A geometric display font that adds a playful and quirky energy to design projects.
400+ Free 3D Tech Brand Logos - The 3D Tech Logos Collection is a curated set of high-quality, non-editable 3D brand logos for Figma.
Discover more Graphic Design Freebies →
Curated AI Tools for Developers and Designers
Opal - Google’s No-Code Mini-AI App Builder.
OpenAI AgentKit - A complete set of tools for developers and enterprises to build, deploy, and optimize agents.
Ask Brave - Free Privacy-First AI Search Engine.
NeuTTS Air - Free, Private, Fast, On-Device Voice Clonine.
Maivi - Fast, Free, and Local Voice Transcription App.
Code2Video - Free AI That Generates Educational Videos from Manim Code.
Claude Code with plugins - Claude Code now supports plugins: custom collections of slash commands, agents, MCP servers, and hooks that install with a single command..
Gemini Computer Use - Enable you to build browser control agents that interact with and automate tasks.
Groq Imagine v0.9 - xAI’s new video generation model with massive upgrades from v0.1 in visual quality, motion, audio generation, and more.
News & Articles
A pragmatic guide to modern CSS colours (Link)
What's new in view transitions (2025 update) (Link)
What’s new in DevTools 139-141 (Link)
Hackers Exploit CSS Properties to Conceal Malicious Code in Hidden Text Salting Attacks (Link)
Malware increasingly delivered via concealed JavaScript, steganography (Link)
JavaScript & CSS Snippets
Apple control with details noJS
See the Pen Apple control with <details> noJS by Megafry (@Megafry) on CodePen.
Apple Liquid glass switcher
See the Pen Apple Liquid glass switcher by Den (@DenDionigi) on CodePen.
Tubes Cursor (WebGL, WebGPU)
See the Pen Tubes Cursor (WebGL, WebGPU) by Kevin Levron (@soju22) on CodePen.
Animated Checkboxes
See the Pen Animated Checkboxes by marcello (@tofjadesign) on CodePen.
- Prev: Weekly Web Design & Development News: Collective #625
- Next: None
