Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactregistry:ui1 dependency

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
Live, loading

Starting the live preview…

Rendered from its demo Animated Beam Multiple Inputs. Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

1 other registry

Similar components

Other registries' take on animated-beam.

animated-beam
j@jolyui
Component
5 demos

See it in use

Files this registry ships to demonstrate the item. They are indexed and installable, but they don't count as components of their own.

Example showing a bidirectional animated beam effect.

@magicui

More from @magicui

All 71 items
interactive-hover-button
Component
Aurora Text
aurora-text
Component
Number Ticker
number-ticker
Component
File Tree
file-tree
Component
Shine Border
shine-border
Component
Avatar Circles
avatar-circles
Component
Orbiting Circles
orbiting-circles
Component
Shiny Button
shiny-button
Component