We are back with another collection of fresh resources for our fellow web developers. This month, we have a variety of tools, frameworks, and libraries that can help you in your web development projects.

From CSS frameworks to JavaScript libraries, I’m sure there’s something for everyone. So, without further ado, let’s dive into the list.

Firebase Studio is an IDE from Google that allows you to build and test full-stack apps right from your browser. It’s great for fast prototyping, with Gemini built-in to help write and debug code.

You can start from templates, import your projects, or even create apps just by describing what you want.

Vapor is a web framework written in Swift. It can help you build websites, APIs, and real-time apps using clean and modern code.

It supports features like fast, async operations, user login systems, database connections, real-time updates with WebSockets, and even HTML templates.

A handpicked list of awesome tools that support Model Context Protocol (MCP). You can find various types of MCP, from browser automation and cloud platforms to gaming, security, customer support, and more.

If you’re building smart apps or connecting AI to real-world data and services, this list is a great starting point.

An official MCP for Playwright that enables LLM and AI apps, like chatbots, to interact with browsers. Instead of using screenshots or visual tricks, it works with the website’s actual structure so it can click buttons, fill out forms, or grab data more accurately.

It’s great for automating web tasks, running tests, or powering AI agents that need to browse the web.

Frimousse is a lightweight, open-source emoji picker built for React apps. It’s fully unstyled and highly customizable, so you can style it however you like with tools like Tailwind or CSS-in-JS.

It only loads emoji data when needed, making it fast and efficient, and uses a modular design so you can build a custom picker that fits perfectly into your UI.

check-site-meta is a command-line tool that allows you to preview website metadata, like OpenGraph and Twitter cards, without deploying your site.

It works with any URL, including localhost, and supports preview formats for platforms like X, Discord, Google, and Facebook. It also handles CORS and caching issues, so you can always get accurate results.

OWL is an open-source framework that allows multiple AI agents to collaborate on different tasks such as web browsing, coding, and content analysis.

It supports real-time search, handles text, images, and audio, and includes tools for PDFs, research papers, and weather data. It’s an overall great tool for building smart, automated systems.

PHPacker is a handy tool that allows you to turn your PHP scripts or PHAR files into one standalone file that works on Windows, macOS, or Linux.

It bundles your code with the PHP runtime, so users don’t need to install PHP to run your app. You can even choose which PHP version to use or add custom extensions.

It’s perfect for making and sharing PHP CLI apps easily across different systems.

WordPress.com now offers a free AI website builder that allows you to create a website by chatting with AI. Just tell it what kind of site you want, like for a coffee shop or personal blog, and it will build it for you with text, images, and layout.

You can also edit the site manually or ask the AI to make changes. It’s a perfect tool for small business owners, freelancers, or anyone who wants a quick and easy way to get online.

Cloudflare Agents allows you to build smart AI agents that run at the edge, interact in real time, remember context, browse the web, and connect to various AI models.

Using the SDK, you can then deploy it on Cloudflare Workers and link them to external services with built-in auth and transport.

It’s a great way to create powerful, real-time AI applications that can handle complex tasks and workflows.

Fumadocs is a documentation framework built on Next.js. It supports Markdown, MDX, React components, and includes customizable UI components out of the box.

With tools like UI, CLI, and support for various content sources, it’s easy to set up and tailor to your project’s needs. It’s a great choice if you’re looking to create documentation quickly and efficiently.

Git MCP makes GitHub projects easier for AI to understand by turning public repos into accessible endpoints, for example gitmcp.io/owner/repo.

It supports semantic search, prioritizes key files like llms.txt and README.md, and only uses public data. It’s a simple way to connect AI with GitHub docs.

Yazi is a fast, cross-platform terminal file manager written in Rust with async I/O for smooth performance.

It supports image and file previews, syntax highlighting, batch operations, and deep CLI tool integration like fd, rg, fzf, and more.

It’s highly customizable with themes, layouts, and Vim-like controls.

Stats is a free, open-source macOS app that shows real-time system info like CPU, GPU, memory, disk, network, battery, sensors, and more, right in the menu bar.

It’s easy to use, highly customizable, and works with macOS Catalina and up.

Cursor Talk to Figma MCP is a project that connects Cursor AI to Figma using the Model Context Protocol (MCP).

It allows AI to read and update Figma designs in real time through an MCP server, a WebSocket server, and a Figma plugin. With this setup, AI can create and style elements, manage layouts, and even run code directly in Figma.

Solidtime is a free, open-source time tracker for freelancers and agencies. It allows you to track hours, manage projects, tasks, clients, and billable rates, all in one place.

Built with Laravel and Vue.js, it works on the web and has a desktop app for Windows, macOS, and Linux.

Browserable is an open-source browser automation tool for AI agents. It helps them browse websites, fill forms, click buttons, and extract data.

The tool includes a JavaScript SDK and supports custom setups with various LLMs, storage options, and browser configs. It’s a great way to build smart agents that can interact with the web.

PayloadCMS is a modern, headless CMS built for developers. It offers a code-first setup, full API access, and a customizable admin panel.

It supports MongoDB, self-hosting, and serverless deployment, giving you full control over content and structure. It’s an ideal solution for building custom content-driven applications.

tsoa is a TypeScript framework for building REST APIs that automatically generates OpenAPI docs.

It works with Express, Koa, and Hapi, and uses TypeScript decorators to create type-safe APIs with minimal boilerplate.

It also handles input validation at runtime and turns your TypeScript code into OpenAPI 2.0 or 3.0 specs, making API development smoother and more consistent.