SVG components are powerful. Elizabet shows how to prepare an SVG in Sketch, convert it to a JSX React component, and animate it with Framer Motion. It's surprisingly simple.

This is an advanced talk about SVGs, shapes, animations and orchestration. It is also a talk about architecture, abstractions and building tools that open up new possibilities.

Creating rich animations that run at a buttery 60fps is a deceptively complex task. Yet, it's so important.

We talk a lot about how to animate on the web today, but where is animation heading? See bleeding edge techniques such as native-like page transitions, AR, and VR.

Explore innovative ways of organizing styles, adding complex interactivity and meaningful transitions.

Learn how to create smooth, performant animations and interactions, that look and feel native-like.

Animations in React Native apps can seem difficult and unnecessary. Aleksandra tries to prove that they can be easy, achievable and necessary to make your app delightful.

Learn the alternative ways of presenting 2D content in the browser (CSS, Canvas, WebGL), along with the pros and cons of each one.

This talk is all about performance after the initial page load. Learn cool tips about animations, accordions, and more.

We talk a lot about how to animate on the web, and what’s possible in browsers today, but where is animation heading?

Animations in React Native apps can seem difficult and unnecessary. Aleksandra tries to prove that they can be easy, achievable and necessary to make your app delightful.

A microinteraction goal is to provide feedback based on the user’s action. This can help users visualize how the interface moves or behaves, even though it’s purely digital on a flat screen.

Explore innovative ways of organizing styles, adding complex interactivity and meaningful transitions.

Learn the alternative ways of presenting 2D content in the browser (CSS, Canvas, WebGL), along with the pros and cons of each one.

We talk a lot about how to animate on the web today, but where is animation heading? See bleeding edge techniques such as native-like page transitions, AR, and VR.

We talk a lot about how to animate on the web, and what’s possible in browsers today, but where is animation heading?

Every year CodePen posts the most hearted demos. The last two years the first places are occupied by pure CSS animations.

This talk is all about performance after the initial page load. Learn cool tips about animations, accordions, and more.

Learn how to create smooth, performant animations and interactions, that look and feel native-like.

Most developers agree that performance is super important, but it is a broad topic, and discussion tends to focus on the initial load experience.

Creating rich animations that run at a buttery 60fps is a deceptively complex task. Yet, it's so important.

This is an advanced talk about SVGs, shapes, animations and orchestration. It is also a talk about architecture, abstractions and building tools that open up new possibilities.