Short Slide Down

Each new word drops in from above into its own line and pushes the stack downward until a centered multi-line composition locks in place.

Installation

npx smoothui-cli add short-slide-down

Features

• Word-by-word vertical build with top-entry and downward push
• Each word occupies its own centered line
• Layout-animated stacking as words are added
• Soft blur entry and bottom-exit per word
• Respects prefers-reduced-motion
• Announces updates via aria-live="polite"

Accessibility

Reduced Motion

Respects the prefers-reduced-motion media query via useReducedMotion from Motion. When reduced motion is preferred, the full phrase appears at once and swaps instantly. The current phrase is announced via aria-live="polite".

Props

Created by

Eduardo Calvo

Improved by

Powered by

motion.dev