# Libraries.dev

> Crafted React UI effect libraries designed for modern and AI apps

Libraries.dev is a collection of production-ready React UI visual effects built by Jakub Antalik, including animated border beams, thinking orbs, liquid metal, and gooey animations. The open-source npm packages are optimized for dark modern interfaces and designed to integrate easily into coding agents like Cursor or Claude Code. An interactive playground lets you preview effects, with a paid Studio tier for deeper customization and presets.

Website: https://libraries.dev/

## What it is for

- Add thinking orbs to represent AI loading or reasoning states in an app
- Apply animated glowing border beams to highlighted UI cards or buttons
- Integrate liquid metal and gooey visual effects into modern React interfaces
- Prompt AI coding assistants like Cursor to install and configure visual components

## Features

- Multiple specialized UI effect packages: Border beam, Thinking orbs, Gooey, Liquid Metal, and Image generation
- Open-source React components available via npm with zero runtime dependencies (except Three.js on Image)
- Agent-ready prompt exports formatted for direct use in Cursor, Claude Code, and Codex
- Web playgrounds to test and preview effect variants and parameters
- SwiftUI and React Native support for selected components like Beam and Orb
- Studio Pro interface for advanced configuration, custom presets, and fine-tuning

## Pricing

Freemium. Core npm libraries are free and open source (MIT); Pro plan unlocks Studio for deep customization and presets.

## Details

- Type: Website
- Category: [Development](https://xiry.app/topics/development.md)
- Topic: [UI Components](https://xiry.app/topics/development/ui-components.md)
- Open source: yes
- Platforms: Web, Code library
- For: Frontend developers and designers building modern web apps and AI interfaces
- Alternative to: Magic UI, Aceternity UI
- Tags: react, ui, animations, webgl, effects, ai ui

## Why it was saved

- [@Jakubantalik, 3 September 2026](https://x.com/Jakubantalik/status/2095551141367173608): Copy-paste animated components (border beams, AI "thinking" orbs, liquid metal borders, gooey image transitions) for dark, modern product UIs, especially AI interfaces needing loading/searching states.

## Compare

- [Alternatives to Aceternity UI](https://xiry.app/alternatives/aceternity-ui.md)
- [Alternatives to Magic UI](https://xiry.app/alternatives/magic-ui.md)

## Related

- [shadcn/ui](https://xiry.app/resources/shadcn-ui-1902): Copy-paste React UI components built with Tailwind CSS and Radix primitives. (Website, Open source)
- [Efferd](https://xiry.app/resources/efferd): Pre-built, responsive shadcn/ui blocks and layouts for React applications (Web app, Freemium)
- [Motion](https://xiry.app/resources/motion): Open-source animation library for React, Vue, and vanilla JavaScript (Website, Freemium)
- [React Bits](https://xiry.app/resources/react-bits): Open-source animated and interactive React UI components and backgrounds (Website, Freemium)
- [21st.dev](https://xiry.app/resources/21st-dev): Curated directory of crafted React, Tailwind, and shadcn UI components. (Website, Freemium)
- [lucide-animated](https://xiry.app/resources/lucide-animated): Open-source animated React icons built with Lucide and Motion (Web app, Open source)

Updated 10 October 2026. Page: https://xiry.app/resources/libraries-dev

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.