Issue #596  (React, AI Tools, Jamstack)12/19/24

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

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.

Advertisement

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