slide-element
react-animatable
slide-element | react-animatable | |
---|---|---|
13 | 1 | |
177 | 35 | |
- | - | |
0.0 | 8.0 | |
11 months ago | 10 days ago | |
TypeScript | TypeScript | |
ISC License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
slide-element
- I made a < 750 byte JavaScript library for sliding elements open & closed, inspired by jQuery's slide utilities.
- Here's a < 750 byte JavaScript library for sliding elements open & closed, inspired by jQuery's slide utilities.
- Here's my ~700 byte library for sliding elements open + closed (now supports animating padding too).
-
When a JavaScript WeakMap() Actually Came in Handy
Back when I was working on slide-element, I noticed an issue that would occur when I rapidly toggled an element open & closed. If the previous animation wasn't allowed to finish, the new one would eventually get outta whack, clipping the content on subsequent animations.
- I built a ~700 byte library for sliding elements w/ dynamic heights open & closed.
- I made a <500 byte library for animating elements w/ dynamic heights open & closed.
- I made a ~465 byte library for animating elements w/ dynamic heights open & closed.
- Show HN: I made a 450 byte lib for sliding auto height elements open/closed
- I made a 600 byte library for sliding elements w/ variable heights open & closed.
- slide-element: a tiny, jQuery-reminiscent library for hiding and showing elements in a sliding fashion
react-animatable
-
I made a Web Animations API based animation library for React - react-animatable
Repository: https://github.com/inokawa/react-animatable
What are some alternatives?
react-native-animatable - Standard set of easy to use animations and declarative transitions for React Native
auto-size-transition - A component that scale dynamically according to the internal size
my-js-math-and-ui-utils - A bunch of typescript math and ui utils that I use a lot
react-motion - A spring that solves your animation problems.
spring-easing - Quick and easy spring animation. Works with other animation libraries (gsap, animejs, framer motion, motion one, @okikio/animate, etc...) or the Web Animation API (WAAPI).
react-track - Track the position of DOM elements. Create cool animations.
scrollreveal - Animate elements as they scroll into view.
react-tween-state - React animation.
react-flip-move - Effortless animation between DOM changes (eg. list reordering) using the FLIP technique.
velocity-react - React components for Velocity.js
react-mt-svg-lines - A React.js wrapper component to animate the line stroke in SVGs
react-magic-move