React Summit US

React Summit US 2023

When it comes to building whimsical interfaces, React is a surprisingly capable ally. In this talk, I'll show you how I use React to orchestrate complex interactions by digging into some examples from my blog.

The Whimsical Potential of JavaScript Frameworks

Josh Comeau

React Day Berlin

React Day Berlin 2022

Emotional & Functional UI Animations in React

Elizabet Oliveira

React Advanced

React Advanced Conference 2022

Are you afraid of animations? Well, you shouldn't be, React Native Reanimated got you covered. Your mobile application can share a story through animations, can help users through micro-interactions and differentiate your app from the others.

React Native Animations Should Be Fun

Catalin Miron

JS Nation

JSNation 2022

Creating different animation effects like bouncing, typing with vanilla javascript. Looking at several approaches of creating animations with time based functions and Request Animation frame.

Animations with JS

Aashima Ahuja

JS GameDev Summit

JS GameDev Summit 2022

Instead of manually drawing each image like traditional art, generative artists write programs that are capable of producing a variety of results. In this workshop you will learn how to create incredible generative art using only a web browser and text editor. Starting with basic concepts and building towards advanced theory, we will cover everything you need to know. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

How to make amazing generative art with simple JavaScript code

Frank Force

Vue.js Live Conference

Vue.js London Live 2021

There's a lot to gain from adding animations to your site or app. Beyond their visual appeal, you can guide the user's attention, cover up slow to load components and elements, and reveal sections of a page without the user wondering where it came from. This talk will cover the built-in ways Vue.js helps you animate your site, and how for more complicated animations you can hook into third party libraries. It'll also cover the basics of animation itself – what to animate, what not to animate – and how you can use animations to enhance your website without harming the experience of people with disabilities. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Animation and Vue.js

Callum Macrae

JSNation Live

JSNation Live 2021

Wait! Not so fast - Stop scrolling and hang out with me for a while! When done right, scroll based animations can add polish to a site, and make online storytelling feel more immersive. GreenSock's ScrollTrigger enables you to achieve buttery smooth scroll based animations with minimal code. Let's dig in to some of it's features together. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Keep Scrolling

Cassie Evans

React Summit Remote Edition

React Summit Remote Edition 2021

When users directly manipulate onscreen objects instead of using separate controls to manipulate them, they’re more engaged and more readily understand the results of their actions. Subtle animations can give people meaningful feedback to help clarify the result of their actions. But, the devil is in the details. What often seems simple can be complex to get right, especially when you care about accessibility. Sid shares the lessons he has learned building interactive UIs. <a href="https://www.froala.com/wysiwyg-editor?pb=1"> </a>

Lessons Learnt from Building Interactive React Applications

Siddharth Kshetrapal

#animations