Registry Index

Search the catalog

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

ComponentReactregistry:uiSelf-contained

Shine Border

shine-border

Shine border is an animated background border effect.

@magicuiRegistry JSON

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

1 other registry

Similar components

Other registries' take on shine-border.

No preview
Shine Border
v@vllnt-ui
Component
2 examples

See it in use

Shine Border Demo
Shine Border Demo
m@magicui
Example
Shine Border Demo 2
Shine Border Demo 2
m@magicui
Example
Used by 2 items

Built on Shine Border

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

Shine Border Demo
Shine Border Demo
m@magicui
Example
Shine Border Demo 2
Shine Border Demo 2
m@magicui
Example
@magicui

More from @magicui

All 247 items
Warp Background Demo
Warp Background Demo
m@magicui
Example
Pulsating Button
Pulsating Button
m@magicui
Component
Grid Pattern
Grid Pattern
m@magicui
Component
Animated Theme Toggler — Star
Animated Theme Toggler — Star
m@magicui
Example
Striped Pattern
Striped Pattern
m@magicui
Component
Cool Mode Demo
Cool Mode Demo
m@magicui
Example
Hero Video Dialog Demo
Hero Video Dialog Demo
m@magicui
Example
Theme Toggler
Theme Toggler
m@magicui
Component