Weekly Web Design & Development News: Collective #630
Everything you need to know in development & design this week, rounded up for you (Week 46, 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:
- A powerful, self-hostable alternative to Vercel and Netlify has arrived.
- Build slick, chatbot-style conversational forms with a vanilla JS library.
- Animate your UIs with a pack of over 30 UI components using Motion and TailwindCSS.
- OpenAI has officially launched its AI video generator, Sora, for Android devices.
- ️ Instantly add search, sort, and pagination to any standard HTML table.
- Create cool, Telegram-style spoiler text effects with this nifty JS library.
- Get a deep dive into the inner workings of JavaScript Source Maps.
- +30 other great resources, tools, and articles
- +33 complete Figma UI kits and over 100 free UI components
Subscribe to our newsletter to get a weekly list of new web dev resources in your inbox.
JavaScript & CSS
spoilerjs - Telegram-style Spoiler Text (Particle Reveal) Effects.
glitchium - 3KB JS Library for Randomized Glitch Animations.
FormBotJS - Chatbot-like Conversational Form Builder in Vanilla JavaScript.
Resizer Two - Tiny Split View Library for Two Panels.
anilet.js - Create Scroll-Triggered Letter Animations.
wt-lightbox - Vanilla JS Gallery Lightbox with Touch Support.
senangwebs-index - Build Searchable Data Views from JSON Data.
mcss - Classless CSS Framework with Georgia & Verdana Typography System.
vanilla-table-enhancer - Add search, sort, and pagination to any HTML table using pure JavaScript.
xsukax-JS-CAPTCHA - Lightweight, Self-Hosted CAPTCHA Solution.
wireframe-ui - IReusable Wireframe Components for Fast UI Prototyping.
Wigggle UI - 40+ Copy-paste Widgets for React/Next.js.
tailwindcss-fade - Add Gradient Edge Fades to Tailwind CSS with tailwindcss.
Blocks - Modern Accessible shadcn/ui Blocks for Next.js & React.
shadcn-ui-blocks - 50+ Free Marketing UI Blocks for Shadcn/ui.
next-flex-rating - Lightweight Star Rating Component for Next.js.
motion-primitives - 30+ Animated UI Components Using Motion and TailwindCSS.
react-native-motionify - A lightweight React Native library that detects scroll direction (up or down) and reacts with smoothness.
mark-my-image - React Image Annotation Component with Fabric.js.
shablon - No-build JavaScript frontend framework for Single-page applications.
paykit-sdk - The Payment Toolkit for Typescript.
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.
Valdi - A cross-platform UI framework that delivers native performance without sacrificing developer velocity.
stage - A modern canvas editor that brings your ideas to life.
bit - CLI/TUI logo designer + ANSI font library with gradient colors, shadows, and multi-format export.
stormkit-io - Self-hostable alternative to Vercel/Netlify. Deploy modern web apps with automated CI/CD, custom domains, and environment management.
InspectJS - Advanced JavaScript File Discovery and Analysis Tool.
better-import - CLI tool to detect replaceable dependencies in your package.json files.
markdown-plus-plus - A powerful, browser-based content management panel for static site generators.
browser-tools - Chrome DevTools Protocol tools for agent-assisted web automation.
Offwork Countdown - Time Until Off Work, Weekend & Holidays.
prosekit - Framework agnostic and headless rich text editor.
Graphic Design Freebies
Liquid Glass Dashboard UI Kit - a Glassmorphism Dashboard UI Kit created for designers building modern web applications.
Nexkart - Free E-commerce App UI Kit.
BankDash - Free Responsive Finance Dashboard UI Kit for Figma.
Discover more Graphic Design Freebies →
Curated AI Tools for Developers and Designers
Tesslate Studio - The Open-Source Lovable.ai Alternative.
MCP Playground - Free Web-based MCP Server Inspector and Debugger.
BettaFish - An Open-source Multi-Agent Public Opinion Analysis Tool.
Gemini Deep Research - Now, Gemini’s Deep Research can pull in info from Gmail, Google Drive, and Chat when you connect your Google Workspace account to give you more context-aware reports.
Google Opal - A no-code way to develop mini-apps, now available in more than 160 countries.
Kimi K2 Thinking - The latest, most capable version of open-source thinking model.
Sora for Android - OpenAI launched its Sora app of AI-generated videos for Android devices.
DeepAgents CLI - An open-source command-line tool that provides AI-powered assistance for coding, research, and development tasks with persistent memory across sessions.
News & Articles
The Inner Workings of JavaScript Source Maps. (Link)
High-Performance Syntax Highlighting with CSS Highlights API (Link)
Six Key Components of UX Strategy. (Link)
Explaining the Accessible Benefits of Using Semantic HTML Elements (Link)
WebKit Features for Safari 26.1 (Link)
JavaScript & CSS Snippets
Split sections with wave in CSS
See the Pen Split sections with wave in CSS by ichimonzi (@ichimonzi) on CodePen.
Perspective Zoom Effect on Scroll
See the Pen Perspective Zoom Effect on Scroll by Ryan Yu (@iamryanyu) on CodePen.
Monochrome Alphabet - CSS
See the Pen Monochrome Alphabet - CSS by Josetxu (@josetxu) on CodePen.
3D Interactive Cards with Tilt & Bounce
See the Pen 3D Interactive Cards with Tilt & Bounce by tofjadesign (@tofjadesign) on CodePen.
- Prev: Weekly Web Design & Development News: Collective #629
- Next: None
