mrkeyoor.com_
Sat 31 Oct 11:46 UTC
Webevaluationupdated 23 Aug 2026

Libraries.dev review

Libraries.dev is a collection of seven React packages for animated borders, status orbs, bot avatars, liquid surfaces, voice-reactive light, metal treatments, and image-loading effects. It gives a product team finished visual behavior without asking it to adopt a full component system.

+60stars / 7d
Verdict

Our 34-second install added 226 packages and found 0 known vulnerabilities, but the measured root exposed no build or test target. Use Libraries.dev when one of its seven effects has a clear job on a React screen and your team can test that package in the browsers you support. Start with a canvas or CSS package before img-fx, whose open CommonJS fix and browser-freeze report deserve direct reproduction.

We ran it

Lab card: what happened when we ran Libraries.devScreenshot of Libraries.dev (libraries.dev)
Install✓ · 34s226 packages · 205 MB
Buildn/ano build script
Testsn/ano test script
Known vulns00 critical · 0 high · 0 moderate · 0 low (npm audit)
Repo719 files~23,301 lines of source · 101.2 MB · 2 CI workflows

Answers from our run

Does Libraries.dev build from source?

Dependencies installed in 34 seconds (226 packages), and the project has no separate build step. We cloned commit cdbcf43 into a clean Debian container with 3 CPUs and no project-specific setup.

Does Libraries.dev have tests you can run?

Not through a standard command: the project exposes no test script or target that our harness could run.

Does Libraries.dev have known vulnerabilities in its dependencies?

npm audit found none in the dependency tree at the time of our run.

Who should not use Libraries.dev?

Vue teams: every published web package targets React 18 or newer, and issue 8 is only a request for Vue 3 support.

What are the alternatives to Libraries.dev?

Magic UI, Motion Primitives, React Bits. Our 34-second install added 226 packages and found 0 known vulnerabilities, but the measured root exposed no build or test target.

Setup3/534-second install, but the measured root had no build or test target
Docs4/5Seven package READMEs explain renderers, props, and browser limits
Community4/53,634 stars with September 2026 issue and pull-request activity
Maturity3/5Seven packages ship, while Image and native paths have open gaps

Who it’s for

React 18 teams that need one distinctive effect for an AI product, chat surface, or polished control.
Design engineers willing to test motion, fallback behavior, and browser cost inside the final layout.
Teams that prefer installing a small package over copying a large animation component into their codebase.
Developers who want live DOM controls to keep their semantics while a canvas, filter, or shader draws around them.

Who it’s NOT for

Vue teams: every published web package targets React 18 or newer, and issue 8 is only a request for Vue 3 support.
CommonJS users considering img-fx 0.5.1: open pull request 17 says require('img-fx') returns an empty object and proposes 0.5.2 as the fix.
Products that cannot risk an unresolved browser lockup: issue 18 reports that the Image page froze current Brave and Chrome on Windows.
Teams that expect every motion effect to handle accessibility for them: the Border Beam README says its pulse types include reduced-motion behavior, while rotate types leave that work to the consumer.
Swift developers expecting normal repository-URL installation: issue 9 says SwiftPM cannot find the nested manifest, and the root README says the Thinking Orbs native ports are unpublished.

Setup reality

Our sandbox installed commit cdbcf43 in 34 seconds, adding 226 npm packages and using 205 MB. The root exposed no build script or target and no test script or target, so both steps were skipped. Npm audit found 0 known vulnerabilities.

The open packages need React 18 or newer. Image also requires three as a peer dependency. Basic package use needs no hosted credentials. The microphone path needs HTTPS or localhost plus a user gesture, while the optional Pro Studio is a separate paid service.

The seven effects span CSS, SVG filters, 2D canvas, Web Audio, and WebGL2. Metal falls back to the plain child without WebGL2, Image requires WebGL, and Voice disables its distortion on larger WebKit hosts. Overflow, masks, motion preferences, and low-end devices still need testing in the real screen.

Seven React packages solve seven visual jobs

Libraries.dev currently publishes 7 standalone React effects: Border Beam, Thinking Orbs, Bot Avatars, Liquid Gooey, Voice Glow, Metal FX, and Image FX. The requested GitHub path now redirects to Jakubantalik/Libraries.dev, which matches the product name. Each package wraps content you already own instead of replacing the button, card, input, or image beneath it. That makes the collection easiest to judge one effect at a time.

The range is broader than the old repository name suggests. Thinking Orbs has 9 activity states at 2 tuned sizes, while Bot Avatars supplies 18 bodies and 3 documented states. Liquid Gooey handles morphing, movement, melting, and bending. Voice follows microphone energy. Metal and Image use shaders. You still provide layout, labels, images, and interaction logic, so these are surface treatments rather than an application framework.

Seven wrappers preserve content through different renderers

All 7 packages keep the host element in React, but they draw around it in different ways. Border Beam uses gradients, CSS masks, and a shared animation loop for pulse modes. Liquid Gooey puts an SVG silhouette below ordinary DOM, leaving focus rings, hit targets, text, and ARIA on the unfiltered layer. Thinking Orbs and Bot Avatars use 2D canvas, cap device pixel ratio at 2, and pause when hidden or offscreen.

The heavier pair deserves a separate decision. Metal FX v2 requires WebGL2 and renders the plain child when support is missing. Image FX uses a shared Three.js renderer, caps its default animation at 10 frames per second, and requires three as a peer dependency. Those fallbacks are sensible, but neither package can prove acceptable frame time in your card grid or on your customers' phones.

Border Beam rotate mode leaves reduced-motion handling to you

Thinking Orbs has 9 static reduced-motion frames, and Bot Avatars keeps the selected pose while dropping animation. Liquid Gooey collapses its component-driven transitions to instant changes. Voice stops idle breathing, color flow, and hue drift under prefers-reduced-motion, while still reacting to sound as a meter. Border Beam is uneven: pulse modes include reduced-motion handling, but its README assigns rotate-mode handling to the consumer.

Voice also carries browser rules beyond animation. Microphone capture needs a secure context and a user gesture, and the package shares 1 AudioContext across instances. On WebKit, distortion is disabled for hosts larger than about 60,000 square pixels because the documented filter cost becomes too high. If the effect sits across a phone screen, Safari may intentionally look simpler than Chromium.

What happened when we ran it

Our clean Debian sandbox installed commit cdbcf43 in 34 seconds. Npm added 226 packages, and the installed tree occupied 205 MB. Npm audit reported 0 known vulnerabilities. The checkout itself held 719 files, about 23,301 lines of source, and used 101.2 MB. This was an unprivileged Node 22 container with 3 CPUs, 8 GB of RAM, and no secrets.

The measured root had no build script or target, so our harness skipped the build. It also had no test script or target, so tests were skipped. The repository was an npm-workspaces monorepo with 2 CI workflow files, no Dockerfile, and no tests directory. A successful install is useful evidence for trying a package, but it does not provide a repository-level test result for commit cdbcf43.

Image FX 0.5.1 needs direct browser and module checks

Open pull request 17 says the live img-fx 0.5.1 CommonJS entry is parsed incorrectly and makes require('img-fx') return an empty object. The proposed 0.5.2 change was still open on September 22, 2026. Issue 18, opened the same day, reports that visiting the Image page froze current Brave and Chrome on Windows until the browser was force-closed. A single report cannot establish cross-browser behavior. It still warrants reproduction before release.

The native story is also incomplete. The root README says Thinking Orbs contains React Native and SwiftUI ports, but neither is published. Issue 9 reports that Swift Package Manager cannot install from the repository URL because Package.swift sits in a subdirectory. Treat those ports as source to evaluate, not packages that match the one-command npm path.

A September 22 push shows current work, while maturity varies

GitHub recorded a push on September 22, 2026, with 3,634 stars and 13 combined open issues and pull requests. The latest release, Voice Glow 0.2.0, arrived on September 17. Recent work includes CommonJS entry fixes and reduced-motion changes, while the queue still contains the Image crash report, the SwiftPM installation problem, and a Vue 3 request. The project is moving quickly, and its packages do not all carry the same risk.

Pick the package whose failure mode you can contain. A decorative Border Beam can disappear without breaking a purchase button, and a Thinking Orb can fall back to visible status text. A WebGL image loader that owns a large card needs stricter browser checks. Libraries.dev earns a trial for one chosen effect. Installing all 7 because they share a repository only multiplies the integration work.

Alternatives

ProjectWhat it isPick it when
Magic UIA larger set of animated React components and effects designed to be copied into an application.pick this instead when you want editable source and a wider component catalog.
Motion PrimitivesA React UI kit built around reusable motion patterns and interaction components.pick this instead when transitions and interaction building blocks matter more than a signature visual effect.
React Bits gh↗A broad catalog of animated and interactive React components with live examples.pick this instead when you need many page-level effects and components from one catalog.

What people are saying

  1. [github-trending] Jakubantalik/Libraries.dev

Sources

  1. Libraries.dev repository and root documentation
  2. Voice Glow 0.2.0 release
  3. Border Beam package documentation
  4. Liquid Gooey package documentation
  5. Thinking Orbs package documentation
  6. Bot Avatars package documentation
  7. Voice Glow package documentation
  8. Metal FX package documentation

More web reviews

phaser · meteor · floating-ui · firefox · algorithm-visualizer · wagtail · the whole board →