Web Tools #596 - React Tools, AI Tools, Jamstack, Eleventy

Web Tools Weekly
WEB VERSION
Tools for Web Developers

Issue #596 • December 19, 2024

Advertisement

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

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

Start Integrating Today →

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

Shadcn Form Builder

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.

UImagine

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

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.

Xano

Start Building For Free →


 

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.

Statichunt

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.

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.

Thanks to everyone for subscribing and reading!

Keep tooling,
Louis
Follow me on X
Follow me on Bluesky
Support me via PayPal

Older messages

Web Tools #595 - JS Utilities, Testing Tools, VS Code

Thursday, December 19, 2024

WEB VERSION Issue #595 • December 12, 2024 Advertisement Uncover React Component Usage Across Dev Teams Omlet gives you data to inform your dev roadmap by analyzing your React components for you. Omlet

Web Tools #594 - CSS Tools, Databases/JSON, Vue Tools

Tuesday, December 10, 2024

WEB VERSION Issue #594 • December 5, 2024 Advertisement 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

Web Tools #593 - Frameworks, React Tools, Uncats

Thursday, November 28, 2024

WEB VERSION Issue #593 • November 28, 2024 Advertisement Power Your Web Projects with Cloudways This BFCM As a developer, designer, or tech professional, you need reliable hosting that adapts to your

Web Tools #592 - JS Libraries, Git/CLI Tools, Media/SVG

Thursday, November 21, 2024

WEB VERSION Issue #592 • November 21, 2024 Advertisement Deploy AMD Instinct™ MI300X on Vultr AMD Instinct MI300X accelerators are now available on the Vultr cloud platform. With thousands of AMD

Web Tools #591 - JS Utilities, Testing Tools, Uncats

Friday, November 15, 2024

WEB VERSION Issue #591 • November 14, 2024 Advertisement Uncover React Component Usage Across Dev Teams Omlet gives you data to inform your dev roadmap by analyzing your React components for you. Omlet

You Might Also Like

Visualized | The $115 Trillion World Economy in One Chart 🌎

Thursday, December 19, 2024

There are changes coming to the top ranked economies. Here's each country's share of the world economy visualized. View Online | Subscribe | Download Our App Presented by: Lloyd's Register

Spyglass Dispatch: A New Social Media?

Thursday, December 19, 2024

No 'Apple Prime' • RIP David Bonderman • Cable Is Now Sports • Apple v. Meta v. Europe • Glimpse of Superman The Spyglass Dispatch is a newsletter sent on weekdays featuring links and

Issue 344 - FSD v13.2.1 update rolls out to Cybertruck and HW4 owners

Thursday, December 19, 2024

View this email in your browser If you are just now finding out about Tesletter, you can subscribe here! If you already know Tesletter and want to support us, check out our Patreon page Issue 344 - FSD

Programmer Weekly - Issue 236

Thursday, December 19, 2024

View this email in your browser Programmer Weekly Welcome to issue 236 of Programmer Weekly. This is the final issue of 2024. We will be back after the holiday break. Wish you and your family Happy

Heres Why High Achievers Feel Like Failures

Thursday, December 19, 2024

Top Tech Content sent at Noon! The $189B VR Gaming Revolution is Here – Invest in AEXLAB Read this email in your browser How are you, @newsletterest1? 🪐 What's happening in tech today, December 19,

Python Weekly - Issue 681

Thursday, December 19, 2024

View this email in your browser Python Weekly Welcome to issue 681 of Python Weekly. This is the final issue of 2024. We will be back after the holiday break. Wish you and your family Happy Holidays!

Dev Vexed by Copilot Refusal, Versioning ASP.NET Core Services, OpenSilver Drag-and-Drop XAML, More

Thursday, December 19, 2024

Home | News | How To | Webcasts | Whitepapers | Advertise .NET Insight December 19, 2024 THIS ISSUE SPONSORED BY: ■ Yes, you finally test like a champion. ■ dtSearch® - INSTANTLY SEARCH TERABYTES

The 4 easiest ways to test Linux

Thursday, December 19, 2024

🚫 TP-Link ban; Favorite wearables of 2024; Gemini 2.0 Flash -- ZDNET ZDNET Tech Today - US December 19, 2024 VirtualBox running OpenMandriva as a guest OS. The 4 easiest ways to test Linux on your old

⚙️ AI startup secures $300 million

Thursday, December 19, 2024

Plus: Medical AI assistants ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌