Libraries.dev

Libraries.dev is a collection of production-ready React UI effect libraries designed for coding agents to install and configure via prompts.

Libraries.dev provides UI effect libraries including Beam, Orb, Gooey, Metal, and Image for modern web applications. Each library ships with a prompt packaging the installation commands, usage instructions, and property definitions for coding agents like Claude Code, Cursor, and Codex. Built for React 18 or newer, the standalone packages require zero runtime dependencies, except for the Image library which requires Three.js. Beam and Orb also provide versions for SwiftUI and React Native. Developers can preview and tune visual components in a playground or configure them further in a Pro Studio.

Libraries.dev at a glance

Best for: Designer, Software engineer
Pricing: All five libraries are free and MIT-licensed on npm; paid Pro plan unlocks Studio customization, presets, and agent skills.
Released: April 2026
Category: AI coding tool
Website: libraries.dev

Key features

Prompt packaging containing installation lines, usage, and properties
Integration with coding agents like Claude Code, Cursor, and Codex
Beam UI effect via border-beam npm package
Orb UI effect via thinking-orbs npm package
Gooey visual effect via liquid-gooey npm package
Metal effect via metal-fx npm package
Image generation effect via img-fx npm package
Pro Studio for deep visual customization and configuration export

Use it for

Pasting prompts into Cursor or Claude Code to automatically install and wire UI components
Adding animated border beams or thinking orb indicators to AI interfaces
Customizing and exporting component configurations in the Pro Studio
Styling web and mobile applications across React, SwiftUI, and React Native

Alternatives to Libraries.dev

transitions.dev — Scans codebases, scores motion, and fixes issues with pull requests.
Shaders — Build and export interactive WebGPU shaders with open-source components and a design editor.
Open Claude UI — Provides reverse-engineered physics constants and production-ready React components.
Puck — Embeds directly into any React application for users, teams, and AI agents.
UI Skills — Curated skills for building polished frontend interfaces.
In App Editor — Add visual editing to any website without a separate server.
Auric UI — It combines basic interactions with chat and editing workbenches in a unified visual system.
Domscribe — Connects UI elements directly to source code for precise AI-assisted edits.
Amicro — Add lightweight and tree-shakeable micro-interactions with a single CLI command.
Genkit — Provides unified APIs and local developer tools for AI application workflows.
ModLens — Converts screenshots and charts into structured JSON data for coding agents.
UI UX Pro Max — Provides a searchable database of UI styles, color palettes, and UX guidelines.

All Libraries.dev alternatives