Web Tools #587 - Frameworks, Testing Tools, Uncats

Web Tools Weekly
WEB VERSION
Tools for Web Developers

Issue #587 • October 17, 2024

Advertisement

JavaScript Grid Component with Spreadsheet Control
Deliver spreadsheet experiences to your applications.

Jspreadsheet

Over 400 implemented Excel-like formulas. A feature-rich data grid component that includes functions like cross worksheets, filtering, AI integration, export to .xlsx, import from .xlsx, data binding, and more.

Try for Free →

 

Web Frameworks

STDF — A component library for built with Svelte and Tailwind with no other dependencies that's optimized for interaction on mobile featuring no runtime and no virtual DOM.

Ornament — A framework to build frameworks, based on web components, featuring mid-level, pareto-optimal, tree-shakable and tiny (< 5k) TypeScript-positive toolkit for web component infrastructure.

Sakai — An admin dashboard UI components library built with Vue and based on create-vue.

JS Spreadsheet Component — Deliver spreadsheet experiences to your applications. Data Grid solution that directly integrates the functionality and user-friendly experience of spreadsheet applications like Excel and Google Sheets into your web applications.   SPONSORED 

Astro Storefront — A best-in-class performance template for building e-commerce apps and storefronts with Astro.

Vanilla Components — A lightweight, flexible, and customizable UI library for Vue 3 that's configurable, SSR-ready, and uses Tailwind for styling.

Animata — A unique and diverse set of hand-crafted interaction animations and effects built with React and Tailwind, ready to copy/paste into your projects.

Animata

Pagen AI Landing Page — A landing page template built with Next.js and shadcn/ui, created by Pagen AI (an AI-powered landing page generator).

cult/ui — A set of accessible, ready-to-use, customizable, shadcn/ui-compatible components and themes, with dark mode, for your React apps.

t3-turbo-and-clerk — A starter template for building T3 apps (TypeScript, Next.js, tRPC, Tailwind, etc.) with Clerk as the auth provider.

Testing & Debugging Tools

LinkPreview — Enter a URL to test your social and Open Graph meta tags to see how a page appears on X, Facebook, LinkedIn, etc.

mitata — A configurable benchmarking tool with automatic garbage collection and universal run-time compatibility.

CrUX Vis — An experiment from the Chrome team, it's a Chrome User Experience Report that provides a dataset that reflects how real-world Chrome users experience popular destinations on the web.

CrUX Vis

Auto Playwright — A TypeScript package that lets you automate Playwright steps using ChatGPT, with support for all browsers that Playwright supports.

LogTape — A zero-dependency, multi-featured logging library for JavaScript and TypeScript that provides a simple and flexible logging system that's easy to use and easy to extend.

Lysted: Your Ticket Reselling Side Hustle — Looking for a side hustle? Use Lysted to resell event tickets. List once and reach buyers across platforms like StubHub and Ticketmaster. Enjoy automated pricing and quick payouts. It’s a hassle-free way to make extra cash from unused tickets.     SPONSORED 

Fake Log Generator — A tool helps you create realistic Apache and application log entries for testing, development, and analysis purposes, allowing you to customize log types, timestamps, IP addresses, etc.

ESBench — A modern JavaScript benchmarking tool compatible with multiple run-times, zero-config TypeScript support, and reports can be exported as text, CSV, or HTML.

Design Copilot — An AI-powered Chrome extension that provides design feedback for any website. Free while in Beta.

lcl.host — Native Mac or Windows solution that adds HTTPS in a fast and free way to local applications and services.
Advertisement

Master Dev Skills at Visual Studio Live!
Join us at Visual Studio Live!, part of the groundbreaking Live! 360 Orlando Tech Con – a unique 6-in-1 conference experience.

Choose from 200+ sessions to create your custom learning experience focused on Microsoft's developer tools and technologies.

Master Dev Skills at Visual Studio Live!

Dive deep into .NET, Azure, AI integration, web development, mobile apps, & more. Our expert speakers will guide you through hands-on labs and in-depth sessions, helping you sharpen your skills and stay ahead in the rapidly evolving world of development.

Use code WEBTOOLS for $900 off standard pricing and invest in your professional growth!

Register & Save Today! →


 

The Uncateg­orizables

Slingcode — A personal computing platform in a single HTML file that allows you to make, run, and share web apps anywhere (USB stick, laptop, etc).

Gamify Everything — A set of API endpoints to easily integrate gamification features into your app, allowing you to handle user tracking, calculation, and data storage to visualize user progress.

Best Free Fonts — A curated selection of 150+ beautiful free fonts in four categories (serif, sans serif, script, and monospace), sourced from various places.

Best Free Fonts

Nginx UI — A simple, powerful, and fast web UI for Nginx with online statistics, a ChatGPT assistant, Let's Encrypt deployment/renewal, viewable Nginx logs, and lots more.

htmgo — A lightweight pure Go way to build interactive websites and web applications using Go and htmx, deployable as a single compiled binary.

Turn Tickets into Cash with Lysted — Need a side hustle? Lysted makes ticket reselling easy and profitable. List your tickets on major platforms with one click and get fast payouts. It’s a perfect way to earn extra cash from tickets you can’t use (or never intended to).   SPONSORED 

Dokku — An open source PaaS alternative to Heroku, powered by Docker, with support for pushing Heroku-compatible apps via Git.

Srcbook — An open-source interactive programming environment for JavaScript and TypeScript that runs on Node.js, for rapid JS/TS prototyping.

VS Code Theme Generator — An online tool to create and customize themes for VS Code, allowing you to choose from predefined color schemes or use the options to change individual colors and tokens.

uMap — A platform to quickly build custom maps with OpenStreetMap’s background layers and integrate them on your own website.

Commercial Apps & Classifieds

These are commercial apps, affiliate links, PPC ads, and paid classifieds. Buy a Classified here.
Keak – An AI agent to automate A/B testing for Shopify, Framer, WordPress, Webflow, and more.
The Current – Join 500k sub­scribers and get unbiased, expert-curated tech news and tips.    AD 
BuilderKit – Highly modular boilerplate for building SaaS apps with Supabase, Next.js, AI, and more.
Kusho – An AI Agent for API testing that generates an exhaustive test suite in minutes.
Techpresso – Join 100,000+ free daily readers for the latest AI and tech news, tools, and insights.    AD 
Cursor – AI-powered code editor with powerful auto-complete, code generation, chat, and more.
Arcjet – An app security solution with rate limiting, bot protection, email validation, and more.

An X Post for Thought

Is this a valid way to select a framework? Humorous, but there might be some truth to it! (For those who don't click through, the images show Web Vitals reports for each of the framework websites.)
 
An X Post for Thought
 

Send Me Your Tools!

Made something? Reply to this email or send links via Direct Message on X @LouisLazaris (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...

One Million Screenshots is just pixels at first glance but you can zoom in to view a rendering in screenshots of the web's top one million+ home pages. And yes, apparently the Web Tools Weekly home page qualifies!

Thanks to everyone for subscribing and reading!

Keep tooling,
Louis
@LouisLazaris
PayPal.me/WebToolsWeekly

Older messages

Web Tools #585 - JS Libraries, SVG Tools, JSON, Databases

Thursday, October 3, 2024

WEB VERSION Issue #585 • October 3, 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 #584 - Frameworks, AI Tools, Uncats

Thursday, September 26, 2024

WEB VERSION Issue #584 • September 26, 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 #583 - No Code Maps, React, Testing, Git/CLI

Thursday, September 19, 2024

WEB VERSION Issue #583 • September 19, 2024 The following is a paid product review for No Code Map App, a platform for building custom interactive maps from almost any data source, no coding required.

Web Tools #582 - CSS Tools, JSON, Databases, Uncats

Thursday, September 12, 2024

WEB VERSION Issue #582 • September 12, 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 #581 - CSS @property, JS Utils, AI Tools, Build Tools

Thursday, September 5, 2024

WEB VERSION Issue #581 • September 5, 2024 Advertisement Data Streaming Made to Reduce Costs and Ops Burden WarpStream is an Apache Kafka-compatible data streaming platform that is 10x cheaper than

You Might Also Like

💻 Issue 437 - Introducing local Azure Service Bus Emulator

Thursday, November 21, 2024

This week's Awesome .NET Weekly Read this email on the Web The Awesome .NET Weekly Issue » 437 Release Date Nov 21, 2024 Your weekly report of the most popular .NET news, articles and projects

💎 Issue 444 - Why did people rub snow on frozen feet? (2017)

Thursday, November 21, 2024

This week's Awesome Ruby Newsletter Read this email on the Web The Awesome Ruby Newsletter Issue » 444 Release Date Nov 21, 2024 Your weekly report of the most popular Ruby news, articles and

💻 Issue 444 - JavaScript Dos and Donts

Thursday, November 21, 2024

This week's Awesome JavaScript Weekly Read this email on the Web The Awesome JavaScript Weekly Issue » 444 Release Date Nov 21, 2024 Your weekly report of the most popular JavaScript news, articles

📱 Issue 438 - Reverse Engineering iOS 18 Inactivity Reboot

Thursday, November 21, 2024

This week's Awesome iOS Weekly Read this email on the Web The Awesome iOS Weekly Issue » 438 Release Date Nov 21, 2024 Your weekly report of the most popular iOS news, articles and projects Popular

💻 Issue 362 - React Anti-Pattern: Stop Passing Setters Down the Components Tree

Thursday, November 21, 2024

This week's Awesome React Weekly Read this email on the Web The Awesome React Weekly Issue » 362 Release Date Nov 21, 2024 Your weekly report of the most popular React news, articles and projects

💻 Issue 444 - Building simple event-driven applications with Pub/Sub

Thursday, November 21, 2024

This week's Awesome Node.js Weekly Read this email on the Web The Awesome Node.js Weekly Issue » 444 Release Date Nov 21, 2024 Your weekly report of the most popular Node.js news, articles and

📱 Issue 441 - Shift Left Is the Tip of the Iceberg

Thursday, November 21, 2024

This week's Awesome Swift Weekly Read this email on the Web The Awesome Swift Weekly Issue » 441 Release Date Nov 21, 2024 Your weekly report of the most popular Swift news, articles and projects

💻 Issue 439 - Async/Await Is Real And Can Hurt You

Thursday, November 21, 2024

This week's Awesome Rust Weekly Read this email on the Web The Awesome Rust Weekly Issue » 439 Release Date Nov 21, 2024 Your weekly report of the most popular Rust news, articles and projects

📲 Why I Ditched Linux for Samsung DeX — Buy This Instead of a Gaming Headset

Thursday, November 21, 2024

Also: Taking Instagram Stories to the Next Level, and More! How-To Geek Logo November 21, 2024 Did You Know Thurl Ravenscroft was both the voice behind the Christmas song "You're a Mean One,

Ranked | The World's 30 Largest Exporters 🌎

Thursday, November 21, 2024

We show the largest exporters in the world amid a surge in trade restrictions, rising populism, and shipping route disruptions. View Online | Subscribe | Download Our App 5 DAYS LEFT! Learn Visual