Production-ready
Compose
Animations
Cada animación incluye el código Kotlin completo, la filosofía de motion y las decisiones de física. Copiá, pegá, y tené animaciones de nivel profesional en minutos.
Explorar CatálogoAirbnb Add Guests Counter
Modal de selección de huéspedes con un único contador central. Número grande (56sp) con pulse al cambiar, botones +/- circulares con press feedback, y personas ilustradas que aparecen con stagger pop conforme el contador sube. Máximo 14. Tamaños de emoji adaptativos según la cantidad visible. Inspirado en el selector de capacidad de Airbnb.
Airbnb Photo Drag to Reorder
Variante drag del collage de fotos: arrastrá cualquier foto libremente con el dedo. Al soltar, hace snap-back con spring bouncy a su posición original. Durante el drag la foto se agranda (1.12x) y la sombra sube a 20dp, creando el efecto de 'levantar' la polaroid.
Airbnb Photo Pop & Slide
Collage de fotos tipo polaroid scatter con stagger pop desde abajo. 3 fotos con rotaciones únicas (-8°, +5°, -3°) aparecen en secuencia con 150ms de delay, creando un efecto orgánico de 'dejar caer sobre la mesa'. Inspirado en la pantalla de reserva de experiencias de Airbnb.
Airbnb Photo Tap to Front
Variante interactiva del collage de fotos: al tocar una foto, sube al frente con un pulse de scale (1→1.08) y sombra elevada, mientras las demás se reducen a 0.95. Combina la entrada stagger pop con reordenamiento por tap.
Airbnb Review Button Morph
Un solo botón flotante que MORFA según el contexto del scroll. Mientras revisás los detalles de la reserva, es una pill rosa compacta '▼ Review'. Al llegar al bottom, morfa a 'Continue to ⚡Razorpay' — full width, color oscuro, corners más rectos. La transformación ocurre en fases: primero color + corners (Fase 1), luego el width se expande simétricamente desde el centro (Fase 2), y finalmente el contenido cambia cuando el ancho ya llegó. Inspirado en el checkout de experiencias de Airbnb India.
Airbnb Property Detail
El SharedElement mas espacioso del ecosistema mobile. Imagen hero + precio viajan como SharedElement, contenido emerge con stagger de 80ms (mas lento que fintech porque Airbnb no apura). Parallax sutil del hero al scrollear, CTA siempre visible sin stagger.
Infinite Card Stack with Z-Depth
Baraja de cartas infinita con drag physics reales: la carta top sigue el dedo sin latencia, las de abajo sienten el movimiento como ola, y al soltar la carta vuela con inercia y se cuela detras del stack respetando z-order.
Card Wallet Expand (Fintech)
Wallet de tarjetas con SharedElement: la card crece desde el stack hasta pantalla completa con crossfade del contenido interno. Las cards detras se comprimen con parallax reforzando la metafora de sacar una tarjeta del mazo. Acciones rapidas con stagger de 50ms.
Elegí tu plan
Accedé a código de producción con la filosofía de motion detrás de cada animación.
- ✓Todo lo de Free
- ✓Código Kotlin completo de cada animación
- ✓Motion Philosophy explicada
- ✓Physics Decisions detalladas
- ✓Nuevas animaciones cada semana
- ✓Todo lo de PRO, para siempre
- ✓Acceso a todas las animaciones futuras
- ✓Acceso anticipado a nuevos capítulos
- ✓Soporte prioritario