App Download Stack

Animated React app download component with iOS and Android store badges, entrance animations, and flexible CTA layouts.

~2.2 kB

Last updated: August 2, 2026

Installation

npx smoothui-cli add app-download-stack

Features

iOS/Android store badges
Subtle entrance animations
Flexible layout and copy
Responsive and accessible

Accessibility

ARIA Attributes

Attribute	Element	Purpose
`aria-label="Expand app selection"`	Stack button	Labels the collapsed stack trigger for screen readers
`type="button"`	All buttons	Prevents implicit form submission
`disabled`	Download button	Disables the download button when no apps are selected

Each app icon includes an alt attribute with the app name (e.g., "GitHub Logo").
The checkmark SVG includes a title element for accessibility.
The selected count is displayed visually for sighted users.

This component respects the prefers-reduced-motion media query via useReducedMotion from Motion. When reduced motion is preferred, floating animations, stacked rotation effects, hover interactions, layout animations, and the download shine effect are all disabled.