Components/Button

Button

Buttons that react to every hover and press.

13 components · TS / JS · Tailwind / CSS

BubbleBubble-like expansion with bounce effect
CreepSubtle creeping shadow animation
FillColor fill animation from left to right
LayersMulti-layered depth with shadow effects
LetterIndividual letter animation effects
PulseRhythmic pulsing animation on hover
RotationSmooth rotation effect on interaction
SimpleClean, minimalist button with hover effects
SketchyHand-drawn style with rough, artistic borders
WigglePlayful wiggle animation on hover
EchoEvery click ripples outlines out from the button
MagneticLeans toward the pointer, with its label leaning further
StampEvery press thumps a rubber stamp down beside it

Other categories

Card6Carousel3Text Effect11Grid6Cursor2Image2Commons11
Repeat UI

Built by Hritik Sharma. Free and open source.

ComponentsInstallGitHubnpmContribute
Repeat UI

Getting started

All componentsInstallation
Button13
Bubble
Creep
Fill
Layers
Letter
Pulse
Rotation
Simple
Sketchy
Wiggle
EchoNew
MagneticNew
StampNew
Card6
3d Card
Pricing Card
Profile Card
Ink RevealNew
Spotlight CardNew
Peel SealNew
Carousel3
Loop Deck
Modern Carousel
Simple Carousel
Text Effect11
Flipping Text
Flow Text
Pop Text
Split Reveal Text
Text Shadow
Typing Text
Echo TextNew
Loop TextNew
Scramble TextNew
Tally CounterNew
MatchlightNew
Grid6
2 Column Bento Grid
3 Column Bento Grid
Pinterest Grid
Accordion GalleryNew
Marquee GridNew
Scroll TimelineNew
Cursor2
Dot
Trail
Image2
Ascii ImageNew
Dither ImageNew
Commons11
Accordian
Document Upload Modal
Search Bar
Command PaletteNew
Copy FieldNew
DockNew
Liquid ToggleNew
Morph TabsNew
Stack NotificationsNew
Thermal ReceiptNew
Liquid Tab BarNew