Issue #612  (Frameworks, Testing, Vue Tools)04/10/25

 

Web Frameworks

fastify-htmx-ts-starter-kit — An opinionated, no-nonsense starter kit for a simple Fastify API, JSX, and HTMX application.

Circle — A project management dashboard, inspired by Linear, and built with Next.js and shadcn/ui, that allows tracking of issues, projects, and teams.

TW Components — A repository of open source Tailwind UI components and templates to bootstrap your new apps, projects, or landing pages.

prompt-kit — A set of high-quality, accessible, and customizable components that are designed for building AI interfaces (chat container, scroll button, prompt input, etc).

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 

Agency Template — A template built with React/Next.js, shadcn/ui, and Tailwind to quickly build an agency website.

React Bits — A collection of 60+ unique and fully customizable animated components for building interactive interfaces with React.

Reka — An open source library of unstyled, primitive components and utilities to build high-quality, accessible design systems and web apps with Vue.

Open Props UI — A library of 25+ pure CSS components, ready to copy and paste into a project, for forms, data display, buttons, tabs, and more.

Testing & Debugging Tools

UI Inspector — A Chrome extension that opens a panel directly on a web page so you can do live edits to the HTML & CSS. Some advanced features are part of a Pro plan.

Lighthouse Scoring Calculator — An interactive page that lets you fiddle around with various performance metrics so you can determine which parts will affect your final Lighthouse score.

Playwright MCP — A Model Context Protocol server that provides browser automation using Playwright and enables LLMs to interact with pages through structured accessibility snapshots, bypassing the need for screenshots.

Struggling with Late Payments? — Learn proven strategies to speed up cash flow and ensure you get paid on time. Download this free guide and take control of your revenue today!   SPONSORED 

CodeTracer — A user-friendly time-traveling debugger designed to support a wide range of programming languages that records the execution of a program into a sharable self-contained trace file.

Mentoss — A utility for mocking JavaScript fetch requests both in the browser and on server runtimes like Node.js, Deno, and Bun, to avoid making network requests when testing code.

Hydration Overlay — A package for React/Next.js apps that displays an overlay during Hydration Errors, providing an explicit diff between the server-side and client-side renders.

BenchJS — A browser-based JavaScript benchmarking tool built with modern web technologies, with zero setup, collaboration features, and useable in an online playground.

Merklemap — A simple online tool to search for and lookup all subdomains on a specified domain. 

Advertisement

Vue Tools

grid-plan — A lightweight Vue 3 component to create blueprints for rooms, datacenters, racks, etc.

Canvas Portfolio — A fully customizable portfolio template built with Nuxt and Nuxt UI, designed to help showcase your work, testimonials, etc., with built-in internationalization features.

Motion for Vue — Official Vue bindings for Motion, the popular animation library (formerly Framer Motion).

Formwerk — A suite of Vue.js composables designed to enhance your forms with built-in behaviors, interactions, internationalization, and accessibility.

Struggling with Late Payments? — Learn proven strategies to speed up cash flow and ensure you get paid on time. Download this free guide and take control of your revenue today!   SPONSORED 

Nuxt Workers — An SSR-safe, zero-config, fully typed, auto-imported Web Workers integration for Nuxt.

@yeger/vue-masonry-wall — A responsive masonry layout component with SSR support and zero dependencies for Vue 3.

Vue Inheritance — A package designed for Vue.js projects that provides a convenient way to manage and reuse component properties and methods, to simplify the application of component attributes, making projects more modular.

Bedtime — A Nuxt module for creating component stories, inspired by Histoire, the interactive component playgrounds tool, powered by Vite.

Nuxt EdgeDB — Integrate Nuxt 3 with EdgeDB effortlessly, adding a robust database layer to your app with minimal configuration.

Commercial Apps & Classifieds