Apple Invites

Animated React invite list component inspired by Apple, with smooth add and remove transitions, drag reordering, and gestures.

Open in v0~2.0 kB

Last updated: April 21, 2026

Movie Night
Interested
Participant 1

Movie Night

Fri, June 20, 8:00 PM

Cine Town

Yoga
Hosting
Participant 1

Yoga

Sat, June 14, 6:00 AM

Central Park

Tyler Turns 3!
Going
Participant 1

Tyler Turns 3!

Sat, June 14, 3:00 PM

Central Park

Installation

npx smoothui-cli add apple-invites

Features

  • Animated add/remove of invitees
  • Drag and reorder friendly
  • Presence transitions
  • Keyboard and screen reader support

Accessibility

Screen Reader

  • Event card images include alt text derived from the event title.
  • Participant avatar images include descriptive alt text (e.g., "Participant 1").

Reduced Motion

This component respects the prefers-reduced-motion media query via useReducedMotion from Motion. When reduced motion is preferred, card transition spring animations are replaced with instant duration-zero transitions.

Props

App Download Stack

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

Book

Animated 3D React book component with CSS perspective transforms, hover rotation, and stripe or simple cover variants.

On this page

Installation
Features
Accessibility
Screen Reader
Reduced Motion
Props

Created by

Edu Calvo's avatar
Edu Calvo

Powered by

motion.dev
lucide.dev
popmotion.io
Open source & free

Support SmoothUI

Help keep SmoothUI free and actively maintained. Every sponsor helps ship more components, blocks, and animation recipes.

Become a sponsorGitHubStar on GitHub