Tiny(~1kB) animation hooks for React, built on Web Animations API.
MIT License
Bot releases are hidden (Show)
Full Changelog: https://github.com/inokawa/react-animatable/compare/0.15.1...0.15.2
Published by inokawa 11 months ago
Remove internal fields from d.ts
Full Changelog: https://github.com/inokawa/react-animatable/compare/0.15.0...0.15.1
Published by inokawa about 1 year ago
Full Changelog: https://github.com/inokawa/react-animatable/compare/0.14.1...0.15.0
Published by inokawa about 1 year ago
Update readme
Full Changelog: https://github.com/inokawa/react-animatable/compare/0.14.0...0.14.1
Published by inokawa about 1 year ago
BREAKING: Add exports field to package.json
Full Changelog: https://github.com/inokawa/react-animatable/compare/0.13.7...0.14.0
Published by inokawa over 1 year ago
"use client"
to bundle for React Server Components support by @inokawa in https://github.com/inokawa/react-animatable/pull/63
Full Changelog: https://github.com/inokawa/react-animatable/compare/0.13.6...0.13.7
Published by inokawa over 1 year ago
Full Changelog: https://github.com/inokawa/react-animatable/compare/0.13.5...0.13.6
Published by inokawa almost 2 years ago
Full Changelog: https://github.com/inokawa/react-animatable/compare/0.13.4...0.13.5
Published by inokawa almost 2 years ago
Full Changelog: https://github.com/inokawa/react-animatable/compare/0.13.3...0.13.4
Published by inokawa almost 2 years ago
end
with waitFor
useTransitionAnimation
Full Changelog: https://github.com/inokawa/react-animatable/compare/0.13.2...0.13.3
Published by inokawa almost 2 years ago
Update description.
Full Changelog: https://github.com/inokawa/react-animatable/compare/0.13.1...0.13.2
Published by inokawa almost 2 years ago
Full Changelog: https://github.com/inokawa/react-animatable/compare/0.13.0...0.13.1
Published by inokawa almost 2 years ago
useAnimation
and useAnimationFunction
to be able to pass some argument when play.const animate = useAnimation<{ x: number; y: number }>(
(prev, args) => [
{ transform: prev.transform },
{ transform: `translate(${args.x}px, ${args.y}px)` },
],
{
duration: 400,
easing: "ease-in-out",
}
);
useEffect(() => {
animate.play({ args: { x: 100, y: 200 } });
}, [])
useAnimationController
hook and persist
method in favor of prev
and args
functionality of useAnimation
.AnimationGroup
to TransitionGroup
Full Changelog: https://github.com/inokawa/react-animatable/compare/0.12.1...0.13.0
Published by inokawa almost 2 years ago
Support Next.js and SSR.
Full Changelog: https://github.com/inokawa/react-animatable/compare/0.12.0...0.12.1
Published by inokawa almost 2 years ago
BREAKING: ref field was remove from AnimationHandle
and AnimationController
type. Just pass them directly to target element!
const animate = useAnimation(...);
return <div ref={animate}>...</div>
Full Changelog: https://github.com/inokawa/react-animatable/compare/0.11.1...0.12.0
Published by inokawa almost 2 years ago
Improve build setting
Full Changelog: https://github.com/inokawa/react-animatable/compare/0.11.0...0.11.1
react/jsx-runtime
error.Published by inokawa over 2 years ago
Full Changelog: https://github.com/inokawa/react-animatable/compare/0.10.2...0.10.3
Published by inokawa over 2 years ago
Full Changelog: https://github.com/inokawa/react-animatable/compare/0.10.1...0.10.2
Published by inokawa over 2 years ago
Full Changelog: https://github.com/inokawa/react-animatable/compare/0.10.0...0.10.1