The state of animation in React, introducing react-spring
Most you you will probably be familiar with react-motion and Facebooks animated (react-natives default). Both are practically go-to solutions in their respective fields, but do leave a lot to be desired. Animated interpolates everything and is fast, but misses essential primitives and can be troublesome to use due to its imperative nature. React-motion is declarative but can't interpolate and performs slower. After switching between the two for about a year i've decided to pick up where the two have left off: So this is react-spring: https://github.com/drcmda/react-spring…
The state of animation in React, introducing react-spring launched on March 13, 2018 with 5 votes, #1,379 of 2,954 launches that month and more than 50% of that year's launches.
What it does
In the maker’s words, at launch
Most you you will probably be familiar with react-motion and Facebooks animated (react-natives default). Both are practically go-to solutions in their respective fields, but do leave a lot to be desired. Animated interpolates everything and is fast, but misses essential primitives and can be troublesome to use due to…
Does a similar job
all alternatives →
Motion One – New animation library, built on the Web Animations API2021 · motion.dev · ▲327Motion (prev Framer Motion) is a fast, production-grade animation library for React, JavaScript and Vue. Build smooth UI animations at a tiny footprint.
Blockies Animate2025 · animate.blockiesui.com · ▲151Smooth, plug-and-play UI animations for any modern web app
React-magic-motion, a package to automatically animate your components2023 · react-magic-motion.com · ▲60react-magic-motion is a npm package for react.js that gives you a component named . All children of this MagicMotion tag will have all their layout changes animated. This automatic animation built on top of framer-motion, so that means that you will get all of its features as well (spring animation, shared layout animations, etc...). https://www.react-magic-motion.com/ https://github.com/etesam913/react-magic-motion
- IMI made React with a faster Virtual DOM2022 · ▲109
Hi! I made a React compatibility library for a Virtual DOM library (https://github.com/aidenybai/million). The idea is to have much faster rendering (a compiler optimizes virtual DOM beforehand) while ensuring the same developer experience React provides. This is very, VERY early stage, so be prepared for weird bugs / plugin incompatibility / etc. If you have any suggestions, I'd be more than happy if you replied in a comment with it! You can spin up the demo here >> https://stackblitz.com/github/aidenybai/million-react-compat
More dev tools this month
the category →
open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.
Dev tools · 28d ago · github.com
Contribute to reladraw/reladraw development by creating an account on GitHub.
Dev tools · 26d ago · github.com
OpenBot▲362Grok Bot alternative: free, local, open-source, multiplayer
Dev tools · 23d ago · openbot.run
Talanoa▲346Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…
Dev tools · 21d ago · talanoa.email
CoreSpeed▲332One MCP for everything your agents need: apps, memory, tools
Dev tools · 29d ago · corespeed.io
Source: Show HN post ↗ · launch text quoted in part
Launched alongside, March 2018
the whole month →
Learn to build profitable startups the indie way
Dev tools · 2018 · readmake.com
Rough.js is a light weight javascript library that lets you draw graphics with a hand-drawn, sketchy, appearance.
Life & fun · 2018 · roughjs.com
Airtable Blocks▲877500,000+ brands use Airtable to enable real-time collaboration, automate repetitive tasks & manual work, and streamline business processes in minutes. Join them.
Dev tools · 2018 · airtable.com