Issue #650 (Top Tools of 2025 (Part 2))

Put Your Emails on Autopilot, and Your Business Results in Overdrive — Marketing that runs itself? Yeah, that’s a thing now. Constant Contact has automation tools that run in the background so you don’t have to. Emails, texts, offers — they go out exactly when you want them to, without needing to hit send every time. Want to make customers feel seen? Use an automation template to send birthday wishes. Trying to boost sales? Set up an abandoned cart email — it’s a friendly reminder that often leads to actual purchases. Got customers who’ve gone MIA? Send a promo or offer to bring them back. You don’t need to micromanage any of it. Just choose your triggers — like someone clicking a link or leaving something in their cart — and the system handles the rest. You stay focused on your actual to-do list. The marketing keeps humming in the background. So, Web Tools Weekly reader: Are you ready to stop spending time on repetitive stuff? Then give Constant Contact’s automation tools a try. It’s free to get started, and honestly? It’s kind of a game changer. Get Started for Free 🡺

This week's issue is a roundup of the 30 most-clicked tools in this newsletter over the past 12 months. They're listed in reverse order, so make sure to scroll to the bottom to see what number one is!

No surprise that many of the top tools are UI libraries and CSS tools. Those always have solid results.

As always, thanks for your continued loyalty to the newsletter. Below are some links if you want to offer some more support.

• Subscribe to my other newsletters:
  • Tech Productivity
  • VSCode.Email
• Give a one-time donation via PayPal
• Sponsor me on GitHub for as little as $1 per month
• Buy an ad in this newsletter; I've recently cut down my costs, so ad prices are currently very low.

Top Tools of 2025 (#30 – #21)

Supabase UI — From the Supabase team, a collection of React components and blocks built on the shadcn/ui library, designed to simplify Supabase-powered projects with pre-built auth, storage, and real-time features.

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.

CSS Boilerplate — A default CSS structure for projects of any size that takes the CSS reset concept to a new level by adding a structure using the new Cascade Layers standard.

Scroll-driven Animations — A resource that includes demos and tools to show off scroll-driven animations, including tools for visualizing scroll timeline progress, view timeline progress, view timeline ranges, and more.

Rapyd.Cloud — High-performance WordPress hosting with enterprise-grade infrastructure that keeps your dynamic WordPress sites like high-traffic ecommerce stores or membership sites blazing fast with zero downtime or slowdowns.  SPONSORED 

colorize.design — An online tool to generate an editable color palette from any website by entering the URL. You can share the palette and export the colors in more than a dozen formats.

translate.js — An internationalization solution for HTML pages that lets you translate web content into hundreds of languages with AI with just a few lines of JavaScript.

Symbl — A resource for copying and pasting HTML symbols, emojis, all searchable, and alongside some other resources for SVG and icons.

Viselect — A high-performance and lightweight library to add a visual way of selecting elements, similar to a desktop experience, with zero dependencies and support for major frameworks.

Metal Buttons — A button component built with React and shadcn/ui that has a customizable metallic look with tactile feedback.

coss ui — When I shared this it was called Origin UI. It's a collection of beautifully designed, accessible, and composable React apps, built on Base UI Tailwind.

Top Tools of 2025 (#20 – #11)

Email Editor — A web-based HTML email editor that allows you to live edit your HTML email using visual settings in a useful sidebar.

Hoverly — A quick way to generate CSS for hover effects on links like underline reveal, text fill, background fill, etc. Designed for use in WordPress posts but you can alter the selectors to your own needs.

css-extras — A library of 40+ useful CSS functions using the new @function syntax, which is not yet widely supported but fairly close and might be usable in some projects.

Layouts — A notebook-style editor for building interfaces with Tailwind, with no setup or deployment needed, with ability to save unlimited public projects and build with hundreds of pre-loaded components.

Type Scale Generator — An interactive type scale generator that allows you to preview and edit your type settings, including font, and export CSS, SCSS, Tailwind, or WordPress.

Kokonut UI — 100+ open source UI components built with Tailwind and shadcn/ui for projects built with React and Next.js.

Blocks — A collection of 50+ ready-to-use, professionally designed UI blocks made with shadcn/ui, with live responsive testing previews for all the components.

A New Place to Read Your Newsletters — We’re trying out a free app for reading newsletters called Khaki. The interface is clean, distraction-free, and only shows the newsletters you're subscribed to, no noise of everything else in your usual inbox.  SPONSORED 

9ui — A collection of 50+ common, accessible, and customizable UI components that you can copy and paste into your project, built with Tailwind and Base UI (an unstyled, headless component library).

LaLoka Layouts — Not exactly "layouts" but a set of 30+ Tailwind-based components for different kinds of elements you might use in your UI.

Snipzy — A repository of HTML, CSS, and JavaScript code snippets in various categories including CSS effects, animations, layouts, UI components, and JavaScript utilities.

Advertisement

Top Tools of 2025 (#10 – #1)

Tailwind CSS Patterns — A set of 15 unique, handcrafted patterns built with Tailwind that are easy to customize and drop into any Tailwind project.

LiftKit — A UI framework based on the golden ratio, using a set of formulas and variables that unlock advanced visual design features like optical spacing corrections and dynamic color, powered by Material 3.

Blendy — A framework-agnostic tool that smoothly transitions one element into another (e.g. an element opens into a modal) with just a few lines of code (just define source and target).

CSS Properties — A complete reference of CSS properties with their release dates and documentation links, allowing you to explore the history and evolution of web styles since the beginning.

Brain Food, Delivered Daily — Every day the folks at Refind analyze thousands of articles and send you only the best, tailored to your interests. Loved by 552,000+ curious minds.  SPONSORED 

Flexbox Labs — A beautifully-designed interactive tool for visually designing and generating code for flexbox-based layouts. There's also a version for Grid Layout.

dagger.js — A lightweight, zero-boilerplate, pure runtime front-end framework built for developers who value simplicity and performance, with no virtual DOM, no compilation step, and no complex abstractions, just a clean, declarative UI.

Kelp — A UI library for people who love HTML, powered by modern CSS and Web Components, with no build step needed and easy to customize.

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.

MotifyX — A curated collection of modern background patterns that are editable and under six categories (geometric, futuristic, matrix, gradient, etc). Any background can be applied to the page to preview.

PatternCraft — This was the most-clicked tool of the year at more than 290 unique clicks. It's a gallery of 200+ beautiful CSS backgrounds, made with Tailwind, under four different categories of effects, patterns, etc.

Commercial Apps & Classifieds