Web Tools Weekly
Tools for Web Developers

Issue #636  (CSS/HTML, AI Tools, Mobile)09/25/25


Advertisement

Build Faster, Code by Voice
Tired of breaking your rhythm to type? Flow is built for developers who live in their tools.

Dictate code prompts, tag files, and reference variables hands-free. 

Flow understands syntax, context, and even your variable names, so you can build and prompt 4Γ— faster without fixing typos or casing. 

Wispr Flow

Use it inside Cursor, Windsurf, VS Code, or any IDE β€” plus Claude, ChatGPT, Linear, Notion, and more. 

Stay in flow and ship faster, from idea to commit.

Try Flow Free Today πŸ‘Ί

CSS & HTML Tools

Pokemon Cards β€” A collection of advanced CSS styles to create realistic-looking effects for the faces of Pokemon cards, using 3D transforms, filters, blend modes, gradients, and interactions.

HTML Form Inspector β€” A web-based tool that lets you paste your HTML form code so you can view a detailed overview of its structure and fields.

HotFX β€” A collection of standalone custom elements for adding interactivity to your pages, featuring custom elements for forms, an animated number counter, a responsive menu, 'shy' header, etc.

Code Faster by Voice β€” Flow turns your voice into code, docs, and AI prompts. Syntax-aware, variable-smart, and built for devs. Dictate in Cursor, VS Code, or Claude – without breaking your flow. SPONSORED

Email is Easy β€” An email quiz of 21 questions that tests your knowledge of valid and invalid email address formats. Not as easy as you think!

BlueSky Likes β€” A pair of custom elements to allow you to display the number of like on Bluesky post. One component displays the number of likes while the other one displays avatars of those who liked the post.

Kigen Color Generator β€” A beautiful color palette generator that creates a palette for your design system based on an initial color value. Adjust the palette with sliders and choose the algorithm (Tailwind, Ant Design, etc.) before choosing a format for export.

Kigen Color Generator

@nkzw/stack β€” A zero-dependency, type-safe 'stack' component for streamlining flexbox usage in React and React Native.

<syntax-highlight> element β€” A custom element that uses the new CSS Custom Highlight API (which now has strong browser support) to simplify adding syntax highlighting to code and other text snippets.

AI Tools, LLMs, etc.

SSH AI Chat β€” A service that lets you use your GitHub user name to chat with AI over SSH, with support for macOS's iTerm2 and Ghostty.

Agent Client Protocol β€” A protocol for connecting any editor or IDE to any agent, standardizing communication between code editors and coding agents.

GenAIScript β€” A JavaScript toolbox and abstraction to enable you to programmatically assemble prompts for LLMs and orchestrate LLMs, tools, and data in code.

Techpresso β€” Get a daily rundown of what's happening in tech and what you shouldn't miss, read by 400,000+ professionals from Google, Apple, OpenAI, and more. SPONSORED

Vibe Kanban β€” A Rust-based tool to run coding agents in parallel without conflicts, and perform code review through a diff tool, with support for Claude Code, OpenAI Codex, Cursor CLI, and more.

AGENTS.md β€” A simple, open format for guiding coding agents, that works as a README for agents, enabling a dedicated, predictable place to provide the context and instructions to help AI coding agents work on your project.

AGENTS.md

opencode β€” An AI coding agent built for the terminal, with integration in your GitHub or GitLab workflow and any IDE that supports a terminal.

Claude Context β€” An MCP plugin that adds semantic code search to Claude Code and other AI coding agents, giving them deep context from your entire codebase.

AutoBE β€” An AI vibe coding tool to generate 100% functioning backends through conversational prompt, powered by AI-friendly compilers that generate error-free code.
Advertisement

Enterprise-Grade Hosting, Without the Hyper Costs
Most web hosting fail under heavy traffic, causing slowdowns when it matters most. Rapyd Cloud is built differently.

Rapyd.Cloud Hosting

Whether you run a high-traffic ecommerce store, LMS, or membership site, Rapyd Cloud's enterprise-grade infrastructure keeps your WordPress site blazing fast with no downtime and no surprises – just seamless performance.

Learn More 👺


React Native & Mobile Tools

Bottom Sheet Stepper β€” A lightweight and customizable stepper component for React Native, built on top of @gorhom/bottom-sheet, to easily manage multi-step flows in a modal bottom sheet with smooth animations and full control.

FlashList β€” A fast and high-performance React Native list component, recently rebuilt from the ground up for React Native's new architecture.

Seven Point Sunday β€” Get 7 ideas to build your career every Sunday. Life hacks, passive income, AI prompts, book/music picks. From Kabir Sehgal, 16x Grammy winner and NYT bestselling author. SPONSORED

iOS App Icon Mockup Generator β€” A web-based tool to create beautiful app icon mockups, showcasing your app icon on iPhone 16 pro with iOS 26 home screen and wallpapers.

expo-ios-mesh-gradient β€” A beautiful, animated iOS mesh gradient for React Native, built with SwiftUI and Expo, with options to customize colors, speed, and more, for splash screens, backgrounds, or aesthetic vibes.

expo-ios-mesh-gradient

react-native-alert-queue β€” A fully customizable alert system for React Native with promise-based API and support for sequential alert queue management, SVG icons, global styling, dialog helpers, and lots more.

React Native Legal β€” A React Native package, CLI, or API that allows you to automatically generate license acknowledgements for your React Native app and any Node.js project.

React Native Reanimated β€” A powerful animation library for React Native that lets you easily create smooth animations and interactions that run on the UI thread.

React Native Godot β€” A React Native integration for Godot, the cross-platform 2D and 3D game engine, allowing you to create immersive 3D experiences or interactive games directly within React Native.

Commercial Apps & Classifieds

These are commercial apps, affiliate links, PPC ads, and paid classifieds. Buy a Classified here.
dreamflow – Build mobile apps for Flutter, with no install, no lock-in, and production-ready workflows.
Refind – The best articles, tailored to your interests. Loved by 540,000+ curious minds. AD
Rendrix – Use AI for simple 3D models, project organization, and workflow automation in Blender.
Shadcn UI Kit – A library of admin dashboards, templates, UI compΒ­onents, and ready-to-use blocks
VSCode.Email – Weekly news, tools, apps, tips, and articles on the world's most popular code editor. AD
getimage.ai – Use text prompts to create and edit images, generate videos, or build AI models.
Phind – An AI design tool to create and edit anything from social posts, ads, prints, and website UIs.

A Social Post for Thought

Someone finally said what most of us are thinking when we see these huge numbers being thrown around on social media with no evidence to back them up.
Saying the quiet part out loud on X

Send Me Your Tools!

Made something? Reply to this email or send links via Direct Message on X or via chat on Bluesky (details here). No tutorials or articles, please. If you have any suggestions for improvement or corrections, feel free to reply to this email.

Before I Go...

Jukebox is an open source alternative to Spotify's collaborative playlists feature, with no signup required and no app download needed. It lets you create your custom "jukebox", then add songs search via the YouTube API, with a share link for collaboration.

Thanks to all for subscribing and reading!

Keep tooling,
Louis
webtoolsweekly.com
@LouisLazaris