Auto-Animate Example

This will fade out


						function Example() {
						  const [count, setCount] = useState(0);
						}

Auto-Animate Example

This will fade out

This element is unmatched


						function Example() {
						  New line!
						  const [count, setCount] = useState(0);
						}

Line Height & Letter Spacing

Line Height & Letter Spacing


						import React, { useState } from 'react';

						function Example() {
						  const [count, setCount] = useState(0);

						  return (
						    ...
						  );
						}
					

						function Example() {
						  const [count, setCount] = useState(0);

						  return (
						    <div>
						      <p>You clicked {count} times</p>
						      <button onClick={() => setCount(count + 1)}>
						        Click me
						      </button>
						    </div>
						  );
						}

Swapping list items

  • One
  • Two
  • Three

Swapping list items

  • Two
  • One
  • Three

Swapping list items

  • Two
  • Three
  • One

SLIDE 1

Animate Anything

SLIDE 2

With Auto Animate

SLIDE 3

With Auto Animate

SLIDE 3

With Auto Animate