Issue #611  (JS Utils, Media Tools, React)04/03/25

 

JavaScript Utilities

shiki-stream — A syntax highlighter designed for highlighting text streams like LLM outputs, allowing you to animate a stream of syntax highlighted code.

import-aliases — A robust and flexible library for setting up absolute path imports with aliases like @app/ in JavaScript and TypeScript projects.

node-http-status — A Node.js utility to interact with HTTP status codes, compatible with both ES Modules and CommonJS.

Unlimited FAANG+ Mentorship — Stop Leetcoding alone or watching system design videos in isolation. Leverage Formation's hundreds of FAANG+ mentors to see how your skills stack up against today's hiring bar, and drill mock interviews until you're interview-ready.   SPONSORED 

chess.js — A TypeScript chess library used for chess move generation, move validation, piece placement, piece movement, and check, checkmate, stalemate detection.

UserTour — An open source onboarding platform that allows you to build in-app product tours, checklists, and surveys in minutes.

Oniguruma to ES — A JavaScript regular expression translator that runs in the browser or the server that converts patterns from Oniguruma (the regex engine used by Ruby, TextMate grammars, etc.) to native JavaScript RegExp.

CCState — A modern, signals-based state management library that elegantly implements async computed and read-write capability isolation based on signal features, making it suitable for medium to large web apps.

Standard Schema — A common interface for TypeScript validation libraries to make it easier for ecosystem tools to accept user-defined type validators, without needing to write custom logic or adapters for each supported library.

setBigTimeout — A self-described "silly" JavaScript module to get around the fact that JavaScript’s setTimeout() method breaks after ~25 days.

Media Tools (SVG, Audio, etc.)

Web SVG — A collection of 10+ unique SVG illustrations under various categories and most, if not all, are usable under a CC 4.0 license.

Generate QRs — An online QR code generator with various settings for customizing the colors, rounded corners, and an option to upload your own image to add to the final output (SVG, PNG, JPEG, and WebP).

Node Web Audio API — Node.js bindings for the Rust implementation of the Web Audio API specification, designed to offer a solution that's both efficient and compliant with the spec.

Avatars — A collection of diverse free avatar images in PNG format or as a Figma plugin, with a vibrant design, to add personality to your projects, and accessible via CDN link or just download and embed.

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 

Enhance — An AI-powered image enhancement tool that lets you upscale and improve image quality directly in your browser.

@neplex/vectorizer — A Node.js library to convert raster images to SVG, powered by VTracer, a Rust-based raster to vector converter.

React Native Audio API — An imperative, high-level API for processing and synthesizing audio in React Native apps, compatible with the Web Audio API.

Saas UI Illustrations — A vast collection of free, high-quality SDVG illustrations of UI components, designed to be used in documentation, frameworks, and design systems.

Xyris — A platform to build lightweight, high-performance SVG animations with an intuitive interface, with a powerful effects editor. Free plan allows up to 5 design files and 1GB of storage.

Advertisement

React Tools

⌘K Base — A port of the popular ⌘K, that offers a fast, composable, unstyled command menu for React, but based on Base UI instead of Radix.

json-edit-react — A React component for editing/viewing JSON/object data, featuring easy inline editing, JSON Schema validation, no external dependencies, localization, and lots more.

Emoji Picker — A fast, accessible, composable, and unstyled emoji picker made with Tailwind and React and fully customizable for your UI.

State in URL — A state management solution for React and Next.js that enables you to store any user state in query parameters, like JSON in a browser URL, while keeping types and structure of data.

Proton Pass — Take back your online privacy with Proton Pass, the end-to-end encrypted password manager that's taking on the Big Tech companies that sell your data. Sign up for Proton Pass today to save, store, and autofill passwords without compromising on your online security.   SPONSORED 

ReactTogether — A React library that provides a series of hooks that allows you to easily add real-time multi-user interaction to any React app.

Fancy Components — A collection of fun, weird, and ready-to-use components and micro-interactions (animations) built with React, TypeScript, Tailwind, and Motion.

React Cookie Manager — A powerful, customizable, GDPR-compliant React component for cookie consent management, with built-in tracking prevention, that provides a modern, user-friendly way to manage cookie consent.

react-timer-hook — A custom React hook, built to handle timer, stopwatch, and time logic/state in your React component.

react-international-phone — An international phone input component for React that's easy to integrate, has phone number validation and will auto-indicate the country while the user is typing.

Commercial Apps & Classifieds