UI
Introduction
Getting Started
Setup
Sliders
Buttons
Press Button
Aura Button
Aero Button
Pulse
Shimmer Button
Delete
Arrow Button
Menus
Circular
Gooey
Pill
Blocks
Accordion
Content Alert
Feedback
Cards
Swipe Cards
Swipe Cards 2
Tilt Card
Infinite Sliding
Squishy CardsNew
Backgrounds
Meteor Shower
Hover Aura
Stars Glimmer
Fade
TouchpadNew
Inputs
Password Confirm
OTP
SliderNew
Texts
Zoop
Incrementer
Blur Fade
Circular TextNew
Modals
AvartarNew
Subscription CardNew
AnimateX
UI
Introduction
Getting Started
Setup
Sliders
Buttons
Press Button
Aura Button
Aero Button
Pulse
Shimmer Button
Delete
Arrow Button
Menus
Circular
Gooey
Pill
Blocks
Accordion
Content Alert
Feedback
Cards
Swipe Cards
Swipe Cards 2
Tilt Card
Infinite Sliding
Squishy CardsNew
Backgrounds
Meteor Shower
Hover Aura
Stars Glimmer
Fade
TouchpadNew
Inputs
Password Confirm
OTP
SliderNew
Texts
Zoop
Incrementer
Blur Fade
Circular TextNew
Modals
AvartarNew
Subscription CardNew
Zoop
A fully customisable animated Stagger animation or I like to call it a Zoop animation. Perfect for your hero sections, links and even buttons giving users an amazing hover experience.
Use Case
Props Overview
| Prop | Type | Options | Default |
| onClick | function | none | none |
| Text | string | none | none |
| ClassName | string | none | overflow-hidden relative |
| duration | number | none | 0.25 |
| stagger | number | none | 0.025 |
Created with by Ngwa Newton-Raul
Star on Github.
On this page