Web Tools Weekly
Tools for Web Developers

Issue #524  (Frameworks, AI Tools, Svelte)08/03/23


Get Smarter In 5 Minutes With Morning Brew (It's Free)
There's a reason over 4 million people start their day with Morning Brew – the daily email that delivers the latest news from Wall Street to Silicon Valley.

Morning Brew

Morning Brew covers the latest business news in a fun and engaging way. It's absolutely free, and delivered to you Monday-Saturday, getting you up to speed on business, finance, and tech in just 5 minutes.

Check it out!

This issue includes two firsts:

The first time I'm including "An X Post for Thought". That's the section of the newsletter formerly known as "A Tweet for Thought". Since Twitter is now officially simply called X and Tweets are now referred to as "posts", that seems like the sensible thing to do. But I'm guessing people will be referring to X posts as "tweets" for like the next 20 years. I mean, people still say "are you taping this?" even though nobody actually uses "tape" anymore when recording audio or video!

Also, while I've include a tools category called "JS Plugin Tools" before, lately the "plugins" I've been finding most often are associated with Svelte, the popular alternative to libraries like React and Vue. This is the first issue that includes a full category on Svelte. So if you're a Svelte developer, you'll enjoy the variety of tools in that section.

The weather has been quite good here in Toronto, Canada, so I'm likely going to put the intro tutorial/tip on hiatus until early September, just to give myself a little extra outdoors time and for other things going on in the next four weeks or so.

Now on to this week's tools!

Web Frameworks

A modern full-stack Reddit clone built with the Next.js app router, TypeScript, and Tailwind.

An UI library of animations, sliders, tooltips, accordions, modals, and more, built with Alipine.js and Tailwind.

AI Getting Started
A JavaScript AI 'getting started' stack for weekend projects, including image/text models, vector stores, auth, and deployment configs.

Get Smarter In 5 Minutes With Morning Brew (It's Free)
There's a reason over 4 million people start their day with Morning Brew - the daily email that delivers the latest news from Wall Street to Silicon Valley. Business news doesn't have to be boring. Make your mornings more enjoyable, for free.    SPONSORED 

A set of 250+ free and premium Tailwind CSS templates, UI Kits, and components to build modern websites.


A super-opinionated starter project for building projects with Express.js, TypeScript, Prisma, MongoDB, ESLint, Prettier, Husky, Commitlint, and lots more.

A starter kit for Astro and Tailwind projects with components built with Alpine.js. Includes 6 template pages and various feature sections (pricing table, testmionial, CTA, forms, etc).

A highly specialized full-stack framework for SSR that has no virtual DOM on the server side and no JavaScript on the client side and strong performance scores out-of-the-box.

A web framework that lets you write data-driven front-end applications in a declarative way just using HTML Web Components.

A Next.js template for a production-ready app with internationalization, Redux Toolkit, Jest, Tailwind, plus Husky and lint-staged for code quality.

A batteries-included starter template for building enterprise Node.js web services.

On the Release Radar:

AI and ChatGPT Tools

An extensible desktop app for macOS, Linux and Windows for large language models like ChatGPT and Bing Chat.

Effortlessly integrate your chatbot with APIs of your choice, enabling an unmatched level of personalized functionalities.

Vercel AI SDK
A library for building AI-powered streaming text and chat UIs with React, Svelte, Vue, and Solid.

Tech Productivity
A weekly newsletter for tech professionals featuring tips, tools, apps, and articles on productivity, remote work, efficiency, habits, brain science, and lots more.    SPONSORED 

GPT Web App Generator
Enter an app title and description to generate a full-stack web app in Wasp, React, Node.js, and Prism.

A toolbox of useful coding widgets to help you speed up your workflow. Write, explain, debug, compare, and translate code with 15+ helpful, customized tools.


An online AI-based tool to restore photos, increase photo resolution, remove image backgrounds, image colorizer, and more.

AI Companion App
A lightweight stack (based on the above-mentioned AI Getting Started project) to create and host your own AI companions.

LastMile AI
Build AI-powered apps with text, image, and audio models like OpenAI’s ChatGPT, Google’s PaLM, Stable Diffusion, and more.

An open-source playground for comparing AI image models, built with Next.js. Just enter a prompt for an image you want to generate and select the models you want to compare.

An easy-to-use LLMOps platform designed to empower more people to create sustainable, AI-native applications.

Svelte Tools

A SvelteKit library that gives you a comprehensive solution for server and client validation, and client-side display of forms.


A tiny utility for SvelteKit that lets you change the html, head, and body tags from any page or layout, with full SSR support.

Tech Productivity
A weekly newsletter for tech professionals featuring tips, tools, apps, and articles on productivity, remote work, efficiency, habits, brain science, and lots more.    SPONSORED 

A Svelte library based on Three.js that simplifies creating 3D apps for the web and provides a declarative, type-safe, reactive and interactive API out-of-the-box.

A super-simple Svelte action, heavily inspired by a similar project called react-wrap-balancer that makes your titles more readable in different viewport sizes (i.e. avoiding orphaned words on new lines).

Svelte Add
A community project to easily add integrations and other functionality to Svelte apps.

A tiny Svelte action and component to render relative times, based partly on an article by Steve Sewell, with output rounded to the nearest unit and live updates with a single interval timer.

Svelte Toaster
A Svelte-based animated notification system that's TypeScript-first, customizable, and easy-to-use.

Svelte Form Helper
A set of lightweight helpers for form validation with Svelte, built with progressive enhancement and includes support for SSR-only forms.

End-to-end type-safe APIs with tRPC.io for your SvelteKit applications.

Commercial Apps and Classifieds

These are commercial apps, affiliate links, PPC ads, and paid classifieds. Buy a Classified here.
Kodingless – A dev tool for back-end engineers to turn a database schema into source code.
Bytes – A JavaScript newsletter that's informative and entertaining, for all levels of JS devs.      AD 
Bryntum – Manage your projects and resources with a modern web component suite.
WatchCat – Service to notify you of errors in your JS apps along with uptime monitoring.
VSCode.Email – The latest news, articles, and tools for the world's most popular text editor.   AD 
IngestAI – Build proof- of-concept AI assistants or AI-powered tools with no-code, remarkably fast.
Krater.ai – An all-in-one AI-based super app for marketers, devs, etc. for streamlining workflows.

An X Post for Thought

Kent C. Dodds succinctly points out what is likely the primary cause of an app's performance problems, which he expands on in the follow-up posts in the thread.
A Tweet for Thought

Send Me Your Tools!

Made something? Reply to this email or send links via Direct Message on X @WebToolsWeekly (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 like tech history, you'll enjoy this interactive experience from the folks at Accel called 40 Years in Tech.

Thanks to all for subscribing and reading!

Keep tooling,