Buttons built with Motion. Install via CLI or copy the code into your project.
Neubrutalism
Blocky button with a hard offset shadow.
npx @abhivarde/syncui@latest add buttons/neubrutalism
Animated Border
Border rotates with a conic gradient.
npx @abhivarde/syncui@latest add buttons/animatedBorder
Gradient Shine
Gradient sweeps across on a loop.
npx @abhivarde/syncui@latest add buttons/gradientShine
Underline
Underline slides in on hover.
npx @abhivarde/syncui@latest add buttons/underline
Send Icon
Text swaps for an icon on hover.
npx @abhivarde/syncui@latest add buttons/sendIcon
Expand
Icon slides in and expands the button.
npx @abhivarde/syncui@latest add buttons/expand
Hover Arrow
Arrow swaps sides on hover.
npx @abhivarde/syncui@latest add buttons/hoverArrow
Glitch
Text glitches with a clipped offset.
npx @abhivarde/syncui@latest add buttons/glitch
Outline Fill
Outline fills with color on hover.
npx @abhivarde/syncui@latest add buttons/outlineFill
Elastic Slide
Text slides and reveals an icon with spring motion.
npx @abhivarde/syncui@latest add buttons/elasticSlide