0.4.1 • Published 2 years ago
baby-yoda v0.4.1
baby-yoda
A tiny layout animation module for react
- 🥚 tiny
- 🛸 fast: FLIP animations and Web Animations API
- 🧙♂️ uses The Force: magically animate layout changes like a Jedi
- 🐸 eats frogs
- 🍪 steals cookies
- 🤖 has a droid friend
- 👀 follows you
Examples
Installation
npm install baby-yoda
Usage
import { Grogu } from "baby-yoda";
function App() {
const [toggle, setToggle] = React.useState(false);
return (
<>
<button onClick={() => setToggle((prev) => !prev)}>toggle</button>
<div
style={{
width: "100px",
background: "#44a0a7",
display: "flex",
justifyContent: toggle ? "flex-end" : "flex-start",
}}
>
<Grogu>
<div
style={{
width: "50px",
height: "50px",
background: "#79c3c9",
}}
></div>
</Grogu>
</div>
</>
);
}
0.4.1
2 years ago
0.4.0
2 years ago
0.3.0
3 years ago
0.2.2
3 years ago
0.2.1
3 years ago
0.2.0
3 years ago
0.1.16
3 years ago
0.1.15
3 years ago
0.1.14
3 years ago
0.1.13
3 years ago
0.1.12
3 years ago
0.1.11
3 years ago
0.1.10
3 years ago
0.1.9
3 years ago
0.1.8
3 years ago
0.1.7
3 years ago
0.1.5
3 years ago
0.1.4
3 years ago
0.1.3
3 years ago
0.1.2
3 years ago
0.1.1
3 years ago