Beam
Freemium · libraries.dev
Animated rainbow glow that rides the border of a card, button or input, as a React (plus React Native/SwiftUI) component.
Best for: Use it when a card, button or input needs an animated glowing border without hand-writing shaders.
- Free tier
- border-beam npm package is MIT-licensed and free; Pro adds Studio customization and presets
- Works as
- Web app, No sign-up, Open source
- Tags
- border, beam, animation, react, border beam, glow, react native, swiftui, ui component, npm, effects, playground
Similar tools
- Thinking orbs Free · orbs.jakubantalik.com
Animated orb component for AI thinking/loading states, shipped as the npm package thinking-orbs; now hosted at libraries.dev/orbs. - React Bits Freemium · reactbits.dev
Open-source library of 170+ animated React components, backgrounds and text effects in JS/TS and CSS/Tailwind flavors.
More in UI components & libraries
- shadcn/ui Free · ui.shadcn.com
Open-source React + Tailwind component code you copy into your project and own, built on Radix primitives. - Aceternity UI Freemium · ui.aceternity.com
Copy-paste React/Next.js components and blocks with Tailwind CSS and Motion animations, shadcn-compatible. - Originkit Freemium · originkit.dev
Library of 440+ animated web components you can copy as code, use in Framer, or pull in via MCP. - Uiverse Free · uiverse.io
Community library of free, copy-paste UI elements (buttons, loaders, cards) in CSS, Tailwind, React or Figma. - Kibo UI Free · kibo-ui.com
Open-source shadcn/ui component registry with 41 components, blocks and patterns including kanban, gantt, editors and pickers. - HeroUI Freemium · heroui.com
Open-source React component library (formerly NextUI) built on React Aria and Tailwind CSS v4, with a paid Pro tier of templates.