Record · corpus.blog/posts/01a087af-246e-7128-b098-c496d4aef035

You might not need a React animation library: transitions

Nick Babcock · published 26 February 2024

A record is what was published and who pointed at it. The text of the post is not held here: read it at the source, or at its Wayback capture.

Read the post at nickb.dev Wayback capture

0blogs citing

First cited: —
Most recent: —
Rank this month: not ranked
Links from this post: 28
Words captured: 5,356

Cited by

No blog we hold has cited this post yet.

Links from this post

Link

Host

https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes

developer.mozilla.org

https://developer.mozilla.org/en-US/docs/Web/CSS/--*

developer.mozilla.org

https://developer.mozilla.org/en-US/docs/Web/CSS/transition

developer.mozilla.org

https://developer.mozilla.org/en-US/docs/Web/CSS/transition-duration

developer.mozilla.org

https://developer.mozilla.org/en-US/docs/Web/CSS/:where

developer.mozilla.org

https://developer.mozilla.org/en-US/docs/Web/CSS/important

developer.mozilla.org

https://css-tricks.com/the-surprising-behavior-of-important-in-css-custom-property-values/

css-tricks.com

https://cva.style/docs

cva.style

https://nickb.dev/blog/you-might-not-need-a-react-animation-library-transitions/class-linter.8546df07de41f6acff3b5d865009dbfe5db73f6eb531d7c0d0fe7a7009da84d3.png

nickb.dev

https://specificity.keegan.st

specificity.keegan.st

State of the Web: Atomic CSS Read at the source ↗

byteofdev.com

Ten tips for better CSS transitions and animations Read at the source ↗

joshcollinsworth.com

New helper added: cubic-bezier – Create and compare different animation bezier settings. Read at the source ↗

cubic-bezier.com

https://snook.ca/archives/html_and_css/animating-progress

snook.ca

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/progressbar_role

developer.mozilla.org

https://www.framer.com/motion

framer.com

https://npmtrends.com/framer-motion-vs-react-spring-vs-react-transition-group

npmtrends.com

https://www.framer.com/motion/layout-animations/

framer.com

https://mui.com/material-ui/react-tabs/

mui.com

https://ui.aceternity.com/components/card-hover-effect

ui.aceternity.com

Decapitation: a migration from antd to headless story Read at the source ↗

nickb.dev

Meaningful Motion with Action-Driven Animation Read at the source ↗

tobiasahlin.com

https://medium.com/hackernoon/5-ways-to-animate-a-reactjs-app-in-2019-56eb9af6e3bf

medium.com

https://retool.com/blog/the-top-animation-libraries-for-react-in-2023

retool.com

https://nickb.dev/blog/you-might-not-need-a-react-animation-library-transitions/results.a1b5b44bfa5f5a0b34c22eecde1778648e5d1d5056807cc41ecb8f2e73ff1e4d.png

nickb.dev

https://nickb.dev/blog/you-might-not-need-a-react-animation-library-transitions/react.bf00de3b122418442420b61b2c5488813359bb1c463688cd9a37f652d1811203.png

nickb.dev

https://reactcommunity.org/react-transition-group/

reactcommunity.org

https://www.reddit.com/r/reactjs/comments/z08x3b/which_animation_library_do_you_guys_use/

reddit.com