2,300,000+installs
High-crafted UI libraries for AI agents
UI effects for modern apps, ready to use with your coding agents.
Kind words from X
-
Generational cook!
Guillermo Rauch CEO, Vercel -
Very cool
Des Traynor Co-founder of Intercom -
INSANELY AMAZING
Kris Puckett Design manager at Stripe -
Thank you for building an awesome library! :)
-
Your AI agent’s “thinking...” state doesn’t have to be a boring spinner. 6 animated orb types, zero dependencies, light + dark mode built in. npm install and you’re done.
-
Using Beam, Orb, Gooey, Metal or Image somewhere nice? Tell me on X and I’ll feature it here.
Copy the prompt.
Paste it to coding agent
Every library ships as a prompt. One copy, and your coding agent builds it in: Claude Code, Cursor or Codex.
-
One button packs the install line, usage and every prop into a single paste.
-
Claude Code, Cursor or Codex installs it and wires it into your app.
-
Tune it in the playground, or go deeper in the Studio with Pro.
FAQs
Yes. All five libraries (Beam, Orb, Gooey, Metal and Image) are MIT-licensed and free on npm. Install any of them with npm install border-beam, thinking-orbs, liquid-gooey, metal-fx or img-fx.
React 18 or newer. Each library is a standalone package with zero runtime dependencies, except Image generation which also needs three as a peer dependency. All five together weigh about 83 KB gzipped.
Yes, that is the point. Every library installs and configures cleanly from Cursor, Claude Code, Codex and similar tools, and the effects are designed so agent-built apps stop looking generic. Pro adds skills that teach your agent each library’s full parameter vocabulary.
Officially the packages target React. Community ports exist (Expo and React Native for the orbs, Svelte and Vue ports of Beam and Gooey), and SwiftUI plus React Native ports for Beam and Orb live in the main repository.