Border Beam

Free UI Resources

Visit website

Freemium

About

Add an animated border beam to an existing layout.

Border Beam is an animated border component for an existing layout. It has moved to libraries.dev/beam, together with other libraries, and the npm package is unchanged as border-beam.

Features & use cases

Add an animated beam around a border
Install the border-beam npm package

Who reaches for it

Front end developers highlighting a card or call to action
Product designers who want subtle motion on an existing layout

Ready to try Border Beam?

Opens beam.jakubantalik.com in a new tab.

Visit website

Similar resources

Originkit Reverse UI Magic UI Aceternity UI Hover.dev Arc UI

The weekly drop

The best new tools, every week. No spam, unsubscribe anytime.

Alternatives & related

Hover.dev

Animated UI components for React and Tailwind to ship faster.

21st.dev

The npm for design engineers, copy-paste minimal React components.

Input OTP

Accessible one-time password input for React, styled to fit.

Tailwind Awesome

A curated directory of Tailwind templates, kits and tools.

Aceternity UI

Stunning, animated React + Tailwind components, copy-paste.

Preline UI

An open-source set of prebuilt Tailwind CSS components.

23rd

Opinionated shadcn registry of copy-paste UI components for React and Svelte 5.

UI Bits

UI design inspiration delivered directly to your inbox.