Web Tools Weekly
Tools for Web Developers

Issue #640  (Wispr Flow Review, Frameworks, Testing, Media)10/23/25

The following is a paid product review for Wispr Flow, a native voice-to-text app for Mac, Windows, and iPhone that converts speech into clear, polished writing and code.

In the current AI boom, you may have already come across text-to-speech solutions that attempt to improve on some of the native or built-in tools you might have on your current desktop and mobile devices. One such solution offers you the ability to "work at the speed you think in every app you use."

That's the tool I'm featuring this week, called Wispr Flow.

Wispr Flow

Here's what Wispr Flow (also simply referred to as "Flow") allows you to do:

  • More than double your typing speed (e.g. 45 WPM to 220 WPM), as you switch from pure typing to dictating
  • Use voice-to-text dictation in any text box in any app on your device
  • For development, talk to AI tools like Cursor and Claude for faster coding, debugging, and building technical docs
  • Log issues, speed through PRs, and write stand-up updates at twice the speed or more
As you can see, depending on the device and context of your work, Wispr Flow opens up huge possibilities for increased productivity.

Installing Wispr Flow
As mentioned, Wispr Flow is available as a native app for Mac, Windows, and iOS 18.3+. When you install on desktop, you'll be logged in and the app will ask for some basic info to get you started. Once installed, you'll run a few quick tests to ensure your mic is working properly.

Part of the setup requires you to select your preferred spoken languages, which you can change in your settings at any time.
style="color: #c54a28;text-decoration: none;font-weight: normal;" target="_blank">Setting up your languages in Wispr Flow
Setting up your languages in Wispr Flow

The Wispr Flow home dashboard gives you a good overview of the features, which includes a dictionary, commonly used snippets, notes, and more.

Wispr Flow's home section on the desktop app
Wispr Flow's home section on the desktop app

As you can see in the top-right area of the app's Home tab, Wispr Flow tracks your usage and provides real-time stats, showing you the number of words you've dictated, words-per-minute, and more info that's available when you click the stats bar.

Viewing analytics in Wispr Flow
Viewing analytics in Wispr Flow

Use Cases for Wispr Flow
Now that you have a basic idea of Wispr Flow's features, let's consider some of the different ways you might use it. Wispr Flow covers just about any use case in a tech environment:

  • Replying to emails, comments, and issues in your personal style and tone
  • Dictate into a text box in any of your essential tech apps, including Chrome, VS Code, Cursor, GitHub, ChatGPT, Bolt, Replit, and more.
  • Boost productivity in your writing and project management tools like Notion, Gmail, Slack, WhatsApp, Google Drive, Jira, Trello, Obsidian, Evernote, Substack, and others.
That's just a sample of the apps it integrates with automatically. Basically, if the app has a text box, Wispr Flow is always one shortcut key away from accurate speech-to-text dictation.

Features for Vibe Coding
Wispr Flow includes features to enhance your already established AI coding workflow. Two such features are:

  • File tagging by voice
  • Variable recognition with syntax awareness
By default, file tagging in chat in the Cursor and Windsurf IDEs is enabled but you can also enable variable recognition in VS Code and the others (it's already enabled for GitHub, terminals, and Notion).

Vibe Coding settings in Wispr Flow on desktop
Vibe Coding settings in Wispr Flow on desktop

The idea behind variable recognition is to ensure your voice dictation doesn't stumble on variable names. Your speech is parsed with full syntax awareness, with application for camelCase, snake_case, spacing, formatting, and it will even interpret CLI commands and other developer jargon.

Dictionary and Snippets
As mentioned earlier, two of the core features of Wispr Flow are Dictionary and Snippets (available in the left sidebar of the desktop app). The Dictionary is divided into items that are "Personal" and "Shared with team", or you can use the "All" tab to view the whole lot.

Your custom Dictionary in Wispr Flow
Your custom Dictionary in Wispr Flow

Your Dictionary will have items that are often technical terms that you want to ensure the voice dictation recognizes and spells correctly in context. This could include commonly-used names like SQLite or Cloudflare or anything that you use on a regular basis that might get misunderstood without context.

The Snippets section is similar to a text expander but is triggered by voice-activated keywords or phrases rather than something typed on a keyboard.

Your commonly-used Snippets in Wispr Flow
Your commonly-used Snippets in Wispr Flow

As shown above, in my Snippets section I've included a bunch of different keywords that will type out emails that I send out repeatedly. In your case, you might save some often-used code snippets or other text blocks that you don't want to have to retype every time you need them.

Smart Formatting
Lastly, one of the most powerful features in Wispr Flow is its ability to type what you mean not what you say. This means in email or document context Flow will automatically polish your sentences. That means even corrections are recognized. For example, the phrase:

"Let's meet Tuesday at 2pm... actually let's meet Tuesday at 4pm."

Will be corrected to:

"Let's meet Tuesday at 4pm."

This way the app is focusing on dictating your actual train of thought without all the unnecessary clutter. Of course, there are rare cases where you might find this type of correction disrupts what you want written out. You disable this by going to Settings → System → Extras and turning off "Smart formatting".

Try Wispr Flow Free
In conclusion, Wispr Flow has some simple but powerful features that can easily boost your typing speed and overall productivity. When you sign up and install it, you'll have access to the Pro version for 14 days before you're downgraded to the Basic (free) plan.

Now on to this week's tools!

Web Frameworks

shadcn.io — A shadcn/ui resource for React developers that includes essential UI components, advanced patterns, and AI integrations, for building modern applications.

CDS — A cross-platform component library for React and React Native, built and used by the Coinbase platform devs for ensuring a consistent user experience.

Spend $1, Save 90% on Flights — Fly round-trip to Paris from $293 and other dream destinations for up to 90% off when you try Dollar Flight Club for just $1. SPONSORED

Fulldev UI — An Astro UI library of components and blocks to build content-driven websites, allowing you to use pre-built blocks with just props, or build your own.

Dice UI — A library of accessible shadcn/ui components built with React, TypeScript, and Tailwind, all of which are composable/customizable and include advanced functions like media players, data tables, etc.

Vue Bits — A library of 90+ highly customizable animated and interactive UI components that make your Vue projects truly stand out.

Vue Bits

Nuxt Dashboard Template — A dashboard template with multiple pages, collapsible sidebar, keyboard shortcuts, light/dark modes, command palette, and more, powered by Nuxt UI.

Shadcn Dashboard — A multipurpose and powerful admin panel dashboard template built with shadcn/ui, TypeScript, and Next.js, that includes 50+ components and 20+ page templates.

Testing & Debugging Tools

BlazeDiff — A high-performance suite of diff tools for JavaScript applications, originally built as a pixel-perfect image comparison library that's faster than popular alternatives.

Accessibility Support — A community-driven lookup resource to help inform developers about what code features (roles, states, properties, elements, etc.) are supported by assistive technologies, and what that support looks like.

CrawlerCheck — An online tool to instantly check if Google bots and AI crawlers can access your website, by analyzing your site's robots.txt file, meta robots tags, and X-Robots-Tag HTTP headers.

Crawler Check

ANSI Escape Codes — A website that helps to inspect the input, visualize colors and styling, and list ANSI control codes and escape sequences.

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

gh-signoff — A GitHub CLI extension for local continuous integration that lets you run your tests on your own machine and sign off when they pass.

rebrowser-patches — A repo that contains patches to enhance popular web automation libraries, specifically targeting the Puppeteer and Playwright packages.

MCPJam Inspector — A local-first development platform for MCP servers, to visually test your server's tools, resources, and prompts, and you can use a playground to test your server against different models.
Advertisement

Free Online Screen Recording
Need fast tech tutorials or demos? Camtasia is now online.

Get unlimited scenes. No watermarks, no export limits, and no credit card required—ever!

Record your way: Choose screen, camera, or both. Ideal for SME/Dev-Led Recording.

Camtasia Online

It’s collaborative. Easily invite experts to record their scenes and get them in realtime.

Use it as a powerful front-end. Record, collaborate, and then download the project to Camtasia 2025 for full editing control.

Fast export to Screencast.com for free quick-link sharing. Empower your team with time-stamped comments and feedback.

Get Started! 🡺


Media Tools (SVG, Video, etc.)

rawpixel — A one-stop resource to find beautiful visuals including images, templates, videos, wallpapers, fonts, icons, and more, for any type of design.

WordPress Photo Directory — A stock photo resource that includes 28,000+ photos, filterable and searchable, all in the public domain.

Make Graph — A web tool to easily build charts and graphs (bar, line, pie, scatter plot, heatmap, etc.) with an easy-to-use UI, downloadable as PNG or SVG (with optional animations).

Make Graph

liquid-glass — A script creates a draggable liquid glass distortion effect that can be moved around the page, powered by SVG filters.

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

OpenCut — A free, open source video editor, as an alternative to CapCut, for web, desktop, and mobile, with timeline-based editing, multi-track support, real-time preview, and more.

ogImage.click — An online tool to quickly generate Open Graph images, headers, and similar social media graphics, for use on X, Instagram, blogs, etc., with templates and an easy-to-use UI for customizations.

Invert Colors Online — A simple tool that lets you upload an image and it will invert the colors, with local-only processing and support for PNG, JPG, and WebP, and batch processing available (up to 20 files).

Commercial Apps & Classifieds

These are commercial apps, affiliate links, PPC ads, and paid classifieds. Buy a Classified here.
ImageMate – An AI platform for smart tagging, descriptions, and better file names for your photos.
Refind – The best articles, tailored to your interests. Loved by 540,000+ curious minds. AD
Astro Themes – Ready-to-deploy themes for Astro, optimized for Core Web Vitals and SEO.
Remote Text – An AI tool to remove unwanted objects, text, or backgrounds from images.
Tech Productivity – Tools, tips, and articles on efficiency, brain science, remote work, and more. AD
Disbug – Report and fix bugs remarkably faster by adding 10X clarity to bug reports.
EvolveDev – An AI-driven platform that lets you gain full visibility into your engineering teams.

A Social Post for Thought

As Jonah points out, it might not be necessary to build the 'next big thing' from scratch.

Successful forked projects 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...

If you're old enough to remember BYTE magazine, you'll want to check out this visual archive of the popular periodical, which was prominent in the 1970s and 1980s. It even has a search feature!

Thanks to all for subscribing and reading!

Keep tooling,
Louis
webtoolsweekly.com
@LouisLazaris