Introducción al curso - Construye más de 14 componentes animados con React y Motion

Cursos Blog Claude Code AI SDK Pong gratis Iniciar sesión

Construye más de 14 componentes animados con React y Motion

Capítulo 01

Fundamentos

Introducción al curso

Fundamentos de Motion

Fundamentos de Vite

Propiedades animate, initial y transition

Variantes y estados

Capítulo 02

Flip Words

Flip Words - Estructura del componente

Flip Words - Animación de rotación

Flip Words - Timing y easing

Capítulo 03

Galerías

Swipe Gallery - Layout inicial

Swipe Gallery - Gestos de drag

Images Slider - Carrusel básico

Images Slider - Transiciones suaves

Images Slider - Controles y navegación

Capítulo 04

Cards 3D

3D Card - Perspectiva con CSS

3D Card - Rotación con mouse

Hero Highlight - Efecto spotlight

Moving Border - Gradiente animado

Moving Border - Variantes de estilo

Capítulo 05

Scroll Animations

Basic Scroll - Hook useScroll

Basic Scroll - Efecto parallax

3D Animations - Escena con profundidad

3D Animations - Rotación en scroll

Scroll-triggered reveals

Capítulo 06

Interactivos

Grid Modal - Layout animation

Grid Modal - AnimatePresence

Link Preview - Hover card

Draggable List - Reordenar items

Draggable List - Constraints

Capítulo 07

Avanzado

Infinite Moving Items - Loop infinito

Infinite Moving Items - Optimización

Proyecto final - Portfolio animado