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

Youre Overthinking It

Wednesday, January 15, 2025

Top Tech Content sent at Noon! Boost Your Article on HackerNoon for $159.99! Read this email in your browser How are you, @newsletterest1? 🪐 What's happening in tech today, January 15, 2025? The

eBook: Software Supply Chain Security for Dummies

Wednesday, January 15, 2025

Free access to this go-to-guide for invaluable insights and practical advice to secure your software supply chain. The Hacker News Software Supply Chain Security for Dummies There is no longer doubt

The 5 biggest AI prompting mistakes

Wednesday, January 15, 2025

✨ Better Pixel photos; How to quit Meta; The next TikTok? -- ZDNET ZDNET Tech Today - US January 15, 2025 ai-prompting-mistakes The five biggest mistakes people make when prompting an AI Ready to

An interactive tour of Go 1.24

Wednesday, January 15, 2025

Plus generating random art, sending emails, and a variety of gopher images you can use. | #​538 — January 15, 2025 Unsub | Web Version Together with Posthog Go Weekly An Interactive Tour of Go 1.24 — A

Spyglass Dispatch: Bromo Sapiens

Wednesday, January 15, 2025

Masculine Startups • The Fall of Xbox • Meta's Misinformation Off Switch • TikTok's Switch Off The Spyglass Dispatch is a newsletter sent on weekdays featuring links and commentary on timely

The $1.9M client

Wednesday, January 15, 2025

Money matters, but this invisible currency matters more. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

⚙️ Federal data centers

Wednesday, January 15, 2025

Plus: Britain's AI roadmap ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌

Post from Syncfusion Blogs on 01/15/2025

Wednesday, January 15, 2025

New blogs from Syncfusion Introducing the New .NET MAUI Bottom Sheet Control By Naveenkumar Sanjeevirayan This blog explains the features of the Bottom Sheet control introduced in the Syncfusion .NET

The Sequence Engineering #469: Llama.cpp is The Framework for High Performce LLM Inference

Wednesday, January 15, 2025

One of the most popular inference framework for LLM apps that care about performance. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

3 Actively Exploited Zero-Day Flaws Patched in Microsoft's Latest Security Update

Wednesday, January 15, 2025

THN Daily Updates Newsletter cover The Kubernetes Book: Navigate the world of Kubernetes with expertise , Second Edition ($39.99 Value) FREE for a Limited Time Containers transformed how we package and