/AnimateModal
Add tasteful motion and transitions to a modal or dialog — e.g. a confirmation dialog with focus trap.
Web & Frontendmedium#modal#dialog
Interaction
12 commands
/AnimateCarousel
Add tasteful motion and transitions to an image or content carousel — e.g. a product image carousel with dot indicators.
Web & Frontendeasy#carousel#slider
/AnimateCard
Add tasteful motion and transitions to a content card component — e.g. a pricing card with a highlighted plan.
Web & Frontendmedium#card#layout
/AnimateSidebar
Add tasteful motion and transitions to a collapsible sidebar — e.g. a dashboard sidebar that collapses to icons.
Web & Frontendmedium#sidebar#layout
/AnimateForm
Add tasteful motion and transitions to a form layout — e.g. a signup form with email.
Web & Frontendadvanced#form#inputs
/AnimateBadge
Add tasteful motion and transitions to a status badge component — e.g. a colored badge showing order status.
Web & Frontendmedium#badge#status
/AnimateTable
Add tasteful motion and transitions to a data table component — e.g. a sortable table of 200 customer rows.
Web & Frontendadvanced#table#data
/AnimateButton
Add tasteful motion and transitions to a button component — e.g. a primary cta button with loading and disabled states.
Web & Frontendeasy#button#ui
/AnimateDropdown
Add tasteful motion and transitions to a dropdown or select menu — e.g. a searchable country select dropdown.
Web & Frontendadvanced#dropdown#select
/AnimateNavBar
Add tasteful motion and transitions to a site navigation bar — e.g. a sticky navbar with a mobile hamburger menu.
Web & Frontendeasy#navbar#navigation
/AnimateToast
Add tasteful motion and transitions to a toast notification system — e.g. a stacked toast queue for success and error messages.
Web & Frontendadvanced#toast#notification
/AnimateTooltip
Add tasteful motion and transitions to a tooltip or popover — e.g. a hover tooltip explaining a disabled button.
Web & Frontendeasy#tooltip#popover