Registry Index

Search the catalog

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

ComponentReactregistry:uiSelf-contained

Shiny Button

shiny-button

A pill button with a diagonal light sweep that glides across on hover while the leading sparkle twinkles. Pure CSS — no GSAP dependency.

@tween-uiRegistry JSON
Live, loading

Starting the live preview…

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.

3 other registries

Similar components

Other registries' take on shiny-button.

Shiny Button
m@magicui
Component
Shiny Button
s@scrollxui
Component
shiny-button
t@tailwind-admin
Component
Used by 1 item

Built on Shiny Button

Other @tween-ui items that list this one as a dependency.

CTA Image Fan
cta-image-fan
Block
@tween-ui

More from @tween-ui

All 8 items
Card Hover Expand
card-hover-expand
Block
Glow Button
glow-button
Component
Process Sticky Steps
process-sticky-steps
Block
Slide Arrow Button
slide-arrow-button
Component
Blog Hover Expand
blog-hover-expand
Block
CTA Image Fan
cta-image-fan
Block
Icon Trail Button
icon-trail-button
Component