Weekly Web Design & Development News: Collective #631
Everything you need to know in development & design this week, rounded up for you (Week 47, 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:
- OpenAI just dropped two new models: GPT-5.1 Instant and Thinking.
- Heads up: A critical vulnerability was discovered in the
expr-evalJavaScript library. - ️ A free tool to create beautiful screenshots from your Markdown and code snippets.
- Automatically generate better Git commit messages with the power of AI.
- Build slick, custom circular range sliders with a new vanilla JS library.
- Get those smooth, iOS-style squircle corners on your web projects with CornerKit.
- A roundup of the best shadcn/ui Date Picker components for React in 2025.
- 40 other great resources and tools
- 2 more design freebies and UI kits
Subscribe to our newsletter to get a weekly list of new web dev resources in your inbox.
JavaScript & CSS
draggable-bottom-sheet-touch-enabled - Lightweight, Touch-Enabled Bottom Sheet with Vanilla JS.
Circular Ranges - Build Custom Circular Range Sliders.
css-motion - Lightweight Animation Library for Modern Web.
pixlatedo - Add Film Grain & Noise Textures to Images and Backgrounds.
BarnamenevisEditor - Full-featured WYSIWYG Editor with RTL Support.
device-mockup - Realistic Phone/Tablet/Laptop Frames.
searchable - Real-Time Table Search Library Under 1KB.
clock-ui - Animated Analog Clocks for Vanilla JS, React & Vue.js.
asta - Monospace UI Framework for Grid-Aligned Interfaces.
SocialProofNotification.js - Lightweight Social Proof Notification Library for Websites.
CornerKit - iOS-Style Smooth Squircle Corners for the Web.
tanstack-starter - Full-Stack Starter Template with Auth & Database for TanStack.
captions.events - Real-Time Captioning Platform with On-Device Translation.
tancn - Drag-and-Drop Form and Table Builder with shadcn/ui.
BookingCalendar - Cal.com Booking Widget Component for Next.js & shadcn/ui.
ai-elements-vue - shadcn-vue UI Components for AI App.
expo-apple-maps-sheet - Apple Maps Style Bottom Sheet for React Native.
dynamic-svg-arrow - React Component for Drawing Arrows Between Elements.
DayFlow - Full-featured Event Calendar Component with Drag & Drop.
ROI UI - Modern & Accessible UI Component Library for React.
Stateful-Button-React - Stateful Button Component for shadcn/ui Async Operations.
react-native-frame-capture - Reliable screen capture for React Native Android.
react-holiday-banner - Lightweight, dependency‑free React banner component that automatically shows a holiday/special‑day strip at the top of the page based on the client’s local time.
react-typewriter-reveal - Animates its content by clipping the content by text characters and only revealing piece by piece.
storecraft - Rapidly build AI-powered, Headless e-commerce backends with TypeScript.
hashbrown - Stateful Button Component for shadcn/ui Async Operations.
livewire-async-select - A powerful async select component for Laravel Livewire with Alpine.js.
travels - A fast, framework-agnostic undo/redo core powered by Mutative JSON Patch.
Discover more JavaScript & CSS Libraries →
Web Dev Tools & Resources
Free Markdown to Screenshot Converter - Create beautiful screenshots of AI prompts, code snippets, and Markdown content with syntax highlighting.
toonify - Compact data format reducing LLM token usage by 30-60%.
sandbox-sdk - Run sandboxed code environments on Cloudflare's edge network.
zevadb - A typesafe JSON file database with Zod schema validation.
NoteDiscovery - Your Self-Hosted Knowledge Base.
calendar - Advanced JavaScript File Discovery and Analysis Tool.
rio - A hardware-accelerated GPU terminal emulator focusing to run in desktops and browsers.
shotgun - Write codebase-aware specs for AI coding agents (Codex, Cursor, Claude Code) so they don't derail.
notion2obsidian - High-performance CLI tool to migrate Notion exports to Obsidian-compatible markdown format.
Offwork Countdown - Time Until Off Work, Weekend & Holidays.
Graphic Design Freebies
Eventure - Free Modern Event Management Dashboard UI Kit for Figma.
Optician Sans - Free Font Based on Eye Chart Letters.
Shifty UI Kit - A free house service app UI kit made for Figma.
Discover more Graphic Design Freebies →
Curated AI Tools for Developers and Designers
Webflow AI Site Builder - Create production-ready websites with AI..
git-rewrite-commits - Auto-Generate Better Git Commit Messages with AI.
LogoRemover AI - Free Logo & Watermark Removal for Images & Videos.
Firefox AI Window - A new, intelligent and user-controlled space in Firefox that lets you chat with an AI assistant and get help while you browse, all on your terms.
GPT-5.1 - OpenAI is upgrading the GPT‑5 series with the release of: GPT‑5.1 Instant and GPT‑5.1 Thinking (advanced reasoning model).
Secure MCP Framework - Skip migration and launch MCP with built-in Auth.
OpenBuilder - The open source alternative to Lovable — where non-technical builders actually finish their projects.
News & Articles
6 Best shadcn/ui Date Picker Components for React + TailwindCSS (2025). (Link)
7 Best CLI AI Coding Agents in 2025 (Open Source) (Link)
Critical vulnerability exposed in JavaScript library expr-eval. (Link)
The Web Animation Performance Tier List (Link)
Lit is Joining the OpenJS Foundation! (Link)
JavaScript & CSS Snippets
Expanding corners button
See the Pen Expanding corners button by LukyVJ (@LukyVj) on CodePen.
The corner-shape property in CSS
See the Pen The corner-shape property in CSS by Amit Merchant (@amit_merchant) on CodePen.
CSS Shapes & Corners Showcase
See the Pen CSS Shapes & Corners Showcase by Oathan Rex (@OathanRex) on CodePen.
Parallax Carousel — No Libraries
See the Pen Parallax Carousel — No Libraries by MOZZARELLA (@TheMOZZARELLA) on CodePen.
