Issue #676  (React Tools, AI Tools, Media Tools)07/02/26

 

React Tools

pdfme — A powerful PDF generation library fully written in TypeScript, featuring a React-based UI template editor for seamless PDF creation.

@platformatic/flame — A CPU and heap profiling and flamegraph visualization tool built on top of @platformatic/react-pprof, by the same author, which is a React component for visualizing pprof profiles using WebGL.

SVAR React Gantt — A true React Gantt chart for building high-performance project timelines, with built-in virtualization for large datasets and an MIT-licensed core. PRO adds critical path, baselines, auto-scheduling, and more.    SPONSORED 

Can't Maintain — An interactive tool that enables you to train your eye to spot the better React component API design, so you can tell which props your future self will thank you for.

hiraki — A zero-dependency React drawer component that supports all 4 directions, velocity-aware gestures, snap points, 6 variants, and a pure CSS animation system without Radix, Framer Motion, or any external runtime dependencies.

React Source Lens — A package that lets you instantly locate any React component's source code with a single keystroke on Mac, Windows, or Linux, and it will open it in your editor at the exact file and line.

Gridland — A library built on the OpenTUI rendering engine that allows you to build terminal apps that run in the browser (and the terminal) with React.

rari — A React Server Components framework running on a Rust runtime that's based on three layers: a Rust runtime, a React framework (app router, server actions, streaming/Suspense), and a build toolchain.

Nucleux — A simple atomic state management solution for React, with no providers, no boilerplate, and works with or without React.
 

AI Tools, LLMs, etc.

Mantic.sh — A context-aware code search engine, excellent for AI agents, that prioritizes relevance over raw speed, with superior result quality compared to grep/ripgrep, despite some trade-offs in speed.

MDN MCP Server — An experimental MCP server that provides access to MDN's search, documentation, and browser compatibility data, to give LLMs and coding agents a reliable and up-to-date source of web platform documentation.

pica — A CLI to detect and install Claude Code agents, skills, commands, hooks, and rules from any GitHub repo or local path.

The Deep View — The go-to daily newsletter for 760k+ founders, knowledge workers, and professionals who want to stay up to date with AI.    SPONSORED 

Drawbridge — A Chrome extension that provides a design editor for Claude Code and Cursor, enabling you to click on your running app, leave Figma-style comments, capture screenshots, and turn them into local task files your AI coding tools can act on.

OneGlanse — An open source AI visibility and geo-tracker that lets you see how your brand appears inside ChatGPT, Gemini, Perplexity, Claude, and Google AI Overview while using your own accounts, on your own infrastructure.

Claude HUD — A Claude Code plugin that's always visible below your input, to shows what's happening, including context usage, active tools, running agents, and todo progress.

Make Interfaces Feel Better — An agent skill that teaches AI coding assistants (Claude Code, Codex, etc.) the small design engineering details prevent UIs from looking too boilerplate-y.

DESIGN.md — A format specification for describing a visual identity to coding agents, providing agents a persistent, structured understanding of a design system.

Advertisement

Media Tools (SVG, Video, etc.)

AntV Infographic — An next-generation declarative infographic visualization generation and rendering framework that brings words to life with AI.

EZTrimmer — A suite of video editing tools, useful for social media content or similar, that allows you to cut, trim, split, rotate, merge, and more.

Limeplay — A set of copy-paste media player components for React, following the shadcn/ui model, and built on Shaka Player for HLS, DASH, adaptive bitrate, and DRM-capable playback.

Avnac — An open source Canva alternative, allowing you to design in the browser, where files are stored locally with IndexDB, with JSON import/export, image export as PNG, JPG, and WebP, and more.

TLDR Design — Design tools, trends, and inspiration in 5 minutes in a daily email. Join 310,000 readers.    SPONSORED 

Mockit — A free 3D device mockup generator featuring settings to define device type, device angle, background, scroll position, and export available in image or video formats.

Glitch Art Maker — A client-side privacy-friendly tool that allows you to upload a video and add a custom 'glitch' effect, where you can adjust the line spacing, jitter level, black vs. white balance threshold.

ArtPlayer.js — A modern and full-featured HTML5 video player with support for multiple subtitle file formats and the functionality can be customized to your own needs.

VectorNest — A web-based SVG editor with plugin-centric architecture and path-based editing right in the browser.

Commercial Apps & Classifieds