Issue #623  (React, Media, Testing)06/26/25

 

React Tools

NextBunny — A drag-and-drop builder for Next.js that enables you to design and export production-ready Next.js websites instantly with pre-built components powered by Tailwind, shadcn/ui, and Motion.

2n8 — A lightweight JavaScript/TypeScript state management library that uses a class-based store with features that include action/event-based state flow (like Redux or Zustand), ability to reset entire state or specific fields, and more.

Lingo.dev — An open source, AI-powered internationalization toolkit for instant localization with LLMs, designed to make any React app multilingual at build time without requiring any changes to existing React components.

Prototype for Free with Phase — Bring your Figma designs into Phase and turn them into interactive prototypes with keyframes, logic, and clean code export. Preview multiple interactions at once and share prototypes that feel real. Try it free today.    SPONSORED 

nuqs — A type-safe search params state manager for React frameworks, like useState, but stored in the URL query string. You can try it live on the page with the current URL.

bippy — A toolkit to hack into React internals with is not possible by default. This is done by "pretending" to be React DevTools, giving you access to the fiber tree and other internals. Warned to use with caution.

react-sounds — A library of ready-to-play sound effects for React projects, with a simple API, lazy loading, and offline support.

Reactylon — A powerful multiplatform framework built on Babylon.js and React, designed to create interactive and immersive 3D experiences, and deployable across your preferred platforms – web, mobile, and VR/AR/MR headsets.

Frimousse — A lightweight, unstyled, and composable emoji picker for React that's installable as a prebuilt component via the shadcn/ui CLI.

Media Tools (SVG, Video, etc.)

Mossaik — A web-based editor to create fancy, abstract SVG graphics with custom prebuilt shapes for waves, polygons, tiles, circles, blobs, and more.

Image Elf — A simple tool to generate placeholder images by just dragging on the screen to determine the size of the image, after which you can customize the final size and download as PNG or JPEG.

SlimImg — An online image compression tool that's fully local and includes features to resize, remove location and EXIF data, and export as PNG, JPEG, or WebP.

Text to SVG — A unique web-based tool that allows you to convert any custom text to SVG paths, with the option to change text color and choose from any Google Font.

The Best App for Newsletter Reading — Reading newsletters in the inbox is frustrating – it's noisy and easy to lose control of subscriptions. Now you can enjoy your newsletters outside the inbox with Meco, an app built for reading.   SPONSORED 

Venz — A web-based tool that makes it easy to create charts from numbers, with options to create different types of charts (bar, box plot, line, scatter, etc.), and ability to export as SVG, PNG, WebP, or AVIF, or share via link.

expo-video-metadata — A React Native (Expo) library to extract metadata from video files, including duration, width, height, frame rate, codec, audio availability, orientation, audio channels, audio codec, and audio sample rate.

ClipJS — An open source, online video editor with real-time preview, rendering via FFmpeg, an interactive timeline editor, flexible media support, and numerous other features.

SVG Icons CLI — A command line tool for creating SVG sprite sheets and rendering them with a React Icon component.

Advertisement

Testing & Debugging Tools

SecTracker — An all-in-one platform for managing bug bounty hunting and security research activities, to track your findings, manage reports, and organize your security research workflow efficiently.

ApiFlux — A web-based tool to visually build, connect, and test API flows with real-time feedback, enabling backend developers to create complex workflows without the hassle of writing boilerplate code.

ts-check-perf — A tool for measuring and comparing type-checking speed of TypeScript samples, running TS type-checked many times over the same samples to measure type-checking performance.

The Morning Paper for Tech — Want a byte-sized version of Hacker News that takes just a few minutes to read? Try TLDR's free daily newsletter. It covers the most interesting tech, startup, and programming stories in just 5 minutes. No sports and no politics.   SPONSORED 

MCP Node.js Debugger — An MCP server that gives Cursor or Claude Code access to Node.js at runtime to help you debug.

Browser MCP — An MCP server with Chrome extension that lets you use MCP to automate your browser so that AI applications can navigate the web, fill out forms, and more.

React Native DevTools — A macOS app that provides enhanced developer tools for React Native applications, supporting React Query DevTools and device storage monitoring with a beautiful native interface.

Jam — A Chrome extension for Jam, the platform that helps capture feedback, issues and bugs, to help resolve bugs 10x faster, allowing you to record what went wrong and share it with your team.

is-in-ci — A Node.js utility to check if a process is running in a continuous integration (CI) environment.

Commercial Apps & Classifieds