AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |
Back to Blog
Framer motion npm12/17/2023 ![]() ![]() The added benefit of Framer Motion is that your designers can build animations in Framer, then hand-off designs to be accurately implemented using Framer's own library. ![]() These libraries let you build the web app equivalent of Pixar's Intro Animation, but in React.īoth libraries have similar APIs and support spring physics over time-based animation, though Framer Motion seems to be used more often on GitHub.įramer Motion is an animation and gesture library built by Framer. Particularly useful for those building design systems.Īnimation adds soul to otherwise boring things. React Aria provides you with Hooks that provide accessibility for your components, so all you need to worry about is design and styling. There's also a Next.js + Tailwind starter worth looking into. React-three-fiber is a React renderer for threejs on the web and react-native.Ĭhances are, if you've seen really cool 3D animations on a website, it was probably built in three.js - react-three-fiber gives you a way to tap into React while building your 3d scenes. In this (continually updated) article, I'll be adding libraries (excluding component libraries, I track those here) worth talking about on a single page. ![]() While the number of stars in GitHub and weekly downloads in npm might be a good starting point for finding quality libraries, normally you have to wade through a lot of reddit, hacker news, dev.to and individual blog posts to find the best ones. It's no secret React has a library discoverability problem. ![]()
0 Comments
Read More
Leave a Reply. |