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

Aprende animaciones web con React construyendo más de 14 componentes con Motion

lecciones

| 60 mins |

Intermedio

Empezar gratis
curso
comiccomic

¿Qué vas a aprender?

Introducción al curso

free mark

Fundamentos de Motion

Fundamentos de Vite

Propiedades animate, initial y transition

Variantes y estados

Flip Words - Estructura del componente

Flip Words - Animación de rotación

Flip Words - Timing y easing

Swipe Gallery - Layout inicial

Swipe Gallery - Gestos de drag

Images Slider - Carrusel básico

Images Slider - Transiciones suaves

Images Slider - Controles y navegación

3D Card - Perspectiva con CSS

3D Card - Rotación con mouse

Hero Highlight - Efecto spotlight

Moving Border - Gradiente animado

Moving Border - Variantes de estilo

Basic Scroll - Hook useScroll

Basic Scroll - Efecto parallax

3D Animations - Escena con profundidad

3D Animations - Rotación en scroll

Scroll-triggered reveals

Grid Modal - Layout animation

Grid Modal - AnimatePresence

Link Preview - Hover card

Draggable List - Reordenar items

Draggable List - Constraints

Infinite Moving Items - Loop infinito

Infinite Moving Items - Optimización

Proyecto final - Portfolio animado

Tu instructor

Héctor Bliss

Pionero en hacer la tecnología accesible para todos, con más de 10 años enseñando desarrollo de software y una comunidad de más de 2,000 estudiantes activos.

Especializado en simplificar temas complejos de forma práctica y divertida. Ha sido instructor en bootcamps internacionales y creador de infinidad de cursos en línea.

10+
Años enseñando
2K+
Estudiantes
100%
Práctico
Héctor Bliss