Issue #596 (React, AI Tools, Jamstack)

<!--[if mso | IE]>

WorkOS: Modern Identity Platform for B2B SaaS
With WorkOS you can start selling to enterprises with just a few lines of code.

WorkOS provides a complete user management solution along with SSO, SCIM, RBAC, and Audit Logs.
Modular and easy-to-use APIs allow you to finish integrating in minutes instead of months.
User management is free up to 1 million MAUs and includes bot protection, MFA, roles/permissions, and more.

WorkOS powers some of the fastest growing startups like Perplexity, Vercel, and Webflow.

Start Integrating Today →

<!--[if mso | IE]>

This is the last regular issue of Web Tools Weekly for 2024. Like I do every year, the next two issues will feature the top 60 tools of 2024, as determined by clicks in this newsletter.

If you'd like to offer some support to the work I do, here are a few ways you can do that:

Subscribe to one of my other two newsletters:
- VSCode.Email
- Tech Productivity
Support me with a small monthly contribution via GitHub Sponsors
Support me with a one-time end-of-year contribution via PayPal.
Add my email address to your contacts list, to ensure this newsletter never goes into your spam folder. You can also do this by simply hitting reply and saying hi (which tends to "whitelist" a sender)
Follow me on X or Bluesky

Thanks to all those who have provided support in the past and to those who continue to support the newsletter by simply subscribing and taking an interest in the content.

Now on to this week's tools!

React Tools

TinyWidgets — A collection of tiny, reusable, UI components for React, wrapped in a helpful app layout with header, side bar, dark mode, and more.

HTML to React & Figma — A Chrome extension that lets you convert HTML from any page to React and/or Figma, with option to edit with AI.

@use-funnel — A React hook that's a powerful and safe step-by-step state management library so you can easily implement complex UI flows.

React Kitten — A React-based library of components and hooks that provide a desktop environment and window manager, to help you build 'windowed' applications.

Add SSO the Easy Way — WorkOS helps you ship SSO and other enterprise features this afternoon. From high-quality documentation to self-serve onboarding for your customers, we remove all the unnecessary complexity for your engineers. SPONSORED

react-call — A React component that provides a window.confirm-like function for React, to help set up confirmations, dialogs, form modals, notifications, toasts, popups, and more.

UI Builder — A visual web page builder that lets you build and edit page components using a GUI before outputting the code as React components or serialized as JSON.

Shadcn Form Builder — A playground to construct web forms with shadcn/ui, react-hook-form, and Zod in minutes, with lots of prebuilt form components to choose from and customize.

Stepperize — An unstyled, flexible, and lightweight React component to create step-by-step workflows in your app (also available for Svelte, Solid.js, and Vue).

react-geo — A library powered by React, OpenLayers, and Ant Design that provides a large number of components to build modern mapping applications.

ChatGPT & AI Tools

Priompt — A JSX-based prompting, or prompt design library, inspired by React, that uses priorities to decide what to include in the context window.

gait — A Cursor and VS Code extension that enables users to share and view analytics for chats related to AI-powered code generation on teams.

Plandex — An open source, terminal-based AI coding engine designed for real-world tasks that span many files.

Sick of Biased News? — Join 4 million readers who start their day with 1440. It's free, has no biased opinions, and is only a 5-minute read. SPONSORED

OpenOrch — A daemon that transforms your servers into a powerful development environment and can run AI models, containers, and microservices.

UImagine — An AI-based tool that lets you describe your ideas, attach screenshots, explain the styles, and it generates the design and code for you.

Cayodis — A UI components generator that lets you describe what you need, iterate using natural language, and visualize the component being built in real time.

FetchFox — An AI-powered web scraper to extract any data from any website with just a prompt. Free for up to 1,000 items per month.

Graphic.so — A multi-modal AI playground to build your AI apps and automations 10x faster with a natural language interface.

cursor.directory — A directory of categorized and searchable .cursorrules files to help you find the best cursor rules for your framework and language.

<!--[if mso | IE]>

Deploy Database In 60 Sec With Visual Backend Tool
Start in 60 seconds for free. Secure and scalable. Visual backend tool. Used by 80,000+ developers.

Start Building For Free →

<!--[if mso | IE]>

Jamstack & CMS Tools

Astro Minimal — An open source blog template built with Astro and Bulma, with dark/light mode toggle, Markdown support, and full text search.

Tailscript — A minimalist starter project for Eleventy sites built with TypeScript, Tailwind, PostCSS, Fontawesome, Webpack, Vite, and more.

Statichunt — A directory of 7400+ free and premium themes, starters, UI kits, and tools for use in different static site generators (SSG), filterable by category.

Sick of Biased News? — Join 4 million readers who start their day with 1440. It's free, has no biased opinions, and is only a 5-minute read. SPONSORED

Quartz — A fast, batteries-included static site generator that transforms Markdown content into fully functional websites.

elva — A multilingual, clean, Eleventy starter theme with a built-in CMS based on the Front Matter headless CMS system and support for Photon CDN for media uploads.

Tunalog — A no-installation, easy-to-use blogging system written in Go, powered by SimpleMDE (for MD editing), SQLite3, Gin (a Go framework), and TocasUI.

Vredeburg — A starter project to create a simple, attractive blog using Eleventy and Tailwind.

Grease — A starter project that combines Eleventy, Lightning CSS, and esbuild for strong performance and has configuration-free bundles.

11ty-Serene — A minimal theme for a landing page, built with Eleventy and Tailwind.

Commercial Apps & Classifieds

These are commercial apps, affiliate links, PPC ads, and paid classifieds. Buy a Classified here.

Klay – A modern, intuitive, lightweight, and feature-packed CMS powered by PHP and SQLite.

AI Mastery – A newsletter covering simple, practical career tips to prepare for our AI present. AD

Cozy Addons – 40+ powerful page builder blocks for WordPress and WooCommerce.

wp2hugo – A Go-based tool to migrate a WordPress export to Hugo or other MD-based site.

Techpresso – Join 100,000+ free daily readers for the latest AI and tech news, tools, and insights. AD

Codebuff – Edit your codebase and run commands quickly with natural language in your terminal.

Weblike – An AI-powered landing page builder and content assistant, with support for React components.

<!--[if mso | IE]>

A Social Post for Thought

A pretty accurate meme alluding to how much online life vs. offline life has changed in a couple of decades.

20 years ago the internet was an escape from the real world; today the real world is an escape from the internet

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...

I don't know who might find this useful, but here is a GitHub repo that contains a historical database of United States baby names.

Scroll to top