Issue #604  (React, Build Tools, Media)02/13/25

 

React Tools

hookcn — A collection of reusable React hooks that you can easily copy and paste into your apps or add directly through the shadcn/ui CLI.

SRCL — An open-source React component and style repository that helps you build web applications, desktop applications, and static websites with terminal aesthetics.

Barcode Scanning for Web Apps — Add fast and reliable 1D/2D barcode scanning to your web app using STRICH, the barcode scanning SDK for the web. Developer-friendly with great docs and built-in user interface. Start free 30-day trial today or give the demo app a try!   SPONSORED 

Async Select Component — A modern, accessible, and customizable async select component for React applications built with TypeScript and shadcn/ui components.

Impact — A performant and accessible library that allows you to use your favourite reactive primitives to manage state and React's reconciliation model to manage UI.

ReactAI — An open source, AI-powered tool that lets you generate React components via a text prompt using one of four different Claude AI models, unlimited usage and no API key required.

react-nil — A custom React renderer that literally renders nothing, but the components rendered still have a lifecycle, local state, etc., which can come in handy for specific use cases.

React Bluesky Embed — A React component to embed Bluesky post threads, profiles, and comments in your React app when using Next.js, Create React App, Vite, and more.

JSX.design — A no-code WYSIWYG editor for React developers, letting you visually build responsive UIs while generating clean JSX code. Drag and drop components, customize styles, and sync code in real-time.

SupaHooks — An example template demonstrate how to use Hookdeck as outbound webhook infrastructure within a Next.js application.
 

Build Tools, Bundlers, etc.

eslint-plugin-format — A side-effects-free and fully configurable plugin to format various languages with formatters in ESLint, with support for Prettier and dprint (a Rust-based formatter).

Go Blueprint — An online tool to generate a command for starting a Go-based project, just choose desired features (backend, database, Git, etc.) and then copy the CLI command.

Brioche — A simple and flexible TypeScript-based package manager and build tool designed to make it super simple to use whatever tools you want, natively on any platform.

dtsroll — A CLI tool for bundling TypeScript declaration (.d.ts) files, for a smaller distribution, better TypeScript performance, among other features.

Rsdoctor — A one-stop build analyzer for diagnosing and analyzing the build process and build artifacts in Rspack and webpack.

Your Team's Efficiency, Reimagined — Revolutionize your work management with monday​.​com. Automate tasks, integrate seamlessly, and gain full visibility. Take every project to completion with ease. Try monday​.​com free today.    SPONSORED 

npmpackage.info — An online tool that displays a beautiful dashboard-like display for any npm package with info like package downloads, bundle size, dependency health, GitHub metrics, TypeScript compatibility, etc.

astro-font — An npm package for Astro that automatically optimizes your custom fonts, local fonts, and Google Fonts over any CDN for better performance.

Bâti — An online tool to generate the CLI command for scaffolding a full-stack web app using Vike (required) and React, Vue, or SolidJS.

npm-run-all2 — A maintenance fork of npm-run-all, a CLI tool to run multiple npm-scripts in parallel or sequential.

Advertisement

Media Tools (SVG, Charts, etc.)

p5.plotSvg — A library that allows the p5.js creative coding toolkit to generate SVG files specifically tailored for path-based vector output devices like the AxiDraw pen-plotter.

png2embeddedjson — A command-line tool and Node.js module that converts PNG images into a JSON format containing Base64-encoded RGB565 data.

Brain Food, Delivered Daily — Every day Refind analyzes thousands of articles and sends you only the best, tailored to your interests. Loved by 527,190 curious minds.   SPONSORED 

Developer Icons — Ready-to-use, customizable SVG icons for popular tech brands, categorized and searchable, and with full TypeScript support for use in any React or Next.js.

Tiny Static Map — A lightweight OpenStreetMap-powered JS library that creates a static map image centered on a specified latitude and longitude, to render an arbitrarily-sized map in any container, with custom zoom levels.

Animated Favicon Generator — An online tool that lets you upload any animated GIF to convert it to an animated favicon, which is powered by a script you include in your page.

Charts — A suite of free chart and graph generators that includes tools for creating pie charts, donut charts, bar graphs, bubble charts, scatter plot, line graph, and lots more.

PostSpark — An online tool to generate pretty screenshots and code snippets that you can easily customize, with the ability to plug content in directly via Bluesky, X, GitHub, etc.

Squish — A modern, browser-based image compression tool that leverages WebAssembly for high-performance image optimization with support for multiple image formats and batch processing.

pqoqubbw/icons — An open-source collection of 150+ smooth animated icons compatible with shadcn/ui and built with Motion and Lucide.

Commercial Apps & Classifieds