Registry Index
ComponentReactregistry:ui

Animated Beam

animated-beam

An animated beam of light which travels along a path. Useful for showcasing the integration features of a website.

@magicuiRegistry JSON

Runs in a sandboxed frame on a separate origin. Mounted with no props — some items need input to show anything.

5 examples

See it in use

Animated Beam Bidirectional
Animated Beam Bidirectional
m@magicui
Example
Animated Beam Demo
Animated Beam Demo
m@magicui
Example
Animated Beam Multiple Inputs
Animated Beam Multiple Inputs
m@magicui
Example
Animated Beam Multiple Outputs
Animated Beam Multiple Outputs
m@magicui
Example
Animated Beam Unidirectional
Animated Beam Unidirectional
m@magicui
Example
Used by 6 items

Built on Animated Beam

Other @magicui items that list this one as a dependency.

Animated Beam Bidirectional
Animated Beam Bidirectional
m@magicui
Example
Animated Beam Demo
Animated Beam Demo
m@magicui
Example
Animated Beam Multiple Inputs
Animated Beam Multiple Inputs
m@magicui
Example
Animated Beam Multiple Outputs
Animated Beam Multiple Outputs
m@magicui
Example
Animated Beam Unidirectional
Animated Beam Unidirectional
m@magicui
Example
No preview
Bento Demo
m@magicui
Example
@magicui

More from @magicui

All 247 items
Animated Beam Multiple Inputs
Animated Beam Multiple Inputs
m@magicui
Example
Animated Beam Unidirectional
Animated Beam Unidirectional
m@magicui
Example
Animated Circular Progress Bar Demo
Animated Circular Progress Bar Demo
m@magicui
Example
Animated Grid Pattern
Animated Grid Pattern
m@magicui
Component
Glyph Matrix Demo
Glyph Matrix Demo
m@magicui
Example
Animated Theme Toggler — Diamond
Animated Theme Toggler — Diamond
m@magicui
Example
Animated Theme Toggler — next-themes
Animated Theme Toggler — next-themes
m@magicui
Example
Animated Theme Toggler — Square
Animated Theme Toggler — Square
m@magicui
Example