[RFC] ✨Projects using react-spring ✨

[drcmda]

Let's collect some links here ❤️

We could feature more projects on the front-page or put an extensive list on the (upcoming) webpage. This issue could also serve as a way to explore all the cool stuff that people have created.

Please share some, any live app or site you've made that animates. 😍

[gragland]

https://divjoy.com uses it for the bouncy cards on hover :)

[brunolemos]

DevHub uses it for these animations

[lintonye]

https://learnreact.design Using useSpring for the cover zooming effect.

[SaraVieira]

https://boredaf.app uses it for the modal

[SaraVieira]

Codesanbox uses it all over

[LekoArts]

• lekoats.de for animations when loading a page (Spring)
• gatsby-starter-portfolio-emma uses Trail and does animations when loading a page
• gatsby-starter-portfolio-emilia uses Spring for page transitions and animations
• gatsby-starter-portfolio-cara uses Parallax
• gatsby-source-tmdb uses the card animations from @gragland

[ooloth]

https://www.theazoorsociety.org

I used it for the animating hexagons, stats, and accordions.

[phtn]

Our site https://wallacewater.us use it on cards and texts

[mcernusca]

🇺🇸https://americaoffbalance.org

[andrewfluck]

🍋 https://app.lemonade.social/

We use it in the tabs on profile scene (and page indicators on the up and coming create feature)

[andrewfluck]

@drcmda Here's a sneak peek!

[drcmda]

@andrewfluck that's arz bhatias and your company? i've done paranoidandroid with arz a couple of years ago. such an odd coincidence. : D

[andrewfluck]

@drcmda I also do web development for AOSPA 😆

[andrewfluck]

Was gonna say I was in the slack, but you aren't in the AOSPA slack 😆

[rexsuit]

https://www.mathematic.org/

Used it for page title animations and mobile slide out menu. Would like to also be able to use it for scroll-to points and svg animations, but hadn't wrapped my head around how I'd do that with react-spring yet.

[dotlouis]

https://monbanquet.fr uses react-spring for modal animations and left side navigation panel on mobile. (More to come) I want to eventually re-do everything with react-spring 😁

[JasCodes]

@drcmda I got something which I have started. Check it out http://zetta.surge.sh

[stolinski]

https://www.leveluptutorials.com

[JasCodes]

@drcmda dude levelup guy @stolinski is using react-spring :smile:

[einarlove]

unfold.no

• Used for case images following mouse
• Case images reacting to device motion and orientation on mobile
• Animate scroll position in gallery
• Various place for hiding/showing things

[bogue]

My namesake's personal website: https://jeffgauthier.com react-spring all the way -- sections transitions, page fade-ins -- a joy to work with!

[arcticicestudio]

The official website and documentations of Nord makes use of react-spring on the landing and port projects pages in introduced in version 0.9.0. It powers an interactive animated component that uses a 3D depth effect for the port project's logos by moving against the direction of the current mouse position where the larger logos will move more to give the impression that they are closer.

_{(Click to enlarge)}

Thanks for this awesome project :rocket: and your hard work to create a UI animation performance beast library! Using animations without any concerns about render() problems (because there are none 😄) is a great feeling :smile:

[AndreasFaust]

🛷 react-sled

A customizable carousel made with react-spring and styled-components. Because React-world needs a handy, spring-based viewpager.

GitHub Example

It started with this example from the react-spring-docs and is about to reach version 1. Any participation is very much appreciated!

[AndreasFaust]

Another react-spring-project from my side: gatsby-plugin-transitions

GitHub Example

It just started. Any participation is very much appreciated!

[aleclarson]

@AndreasFaust Keep it up! 👍

[AndreasFaust]

@aleclarson Thank you!

[tim-soft]

I made a lightbox with react-spring v9 and react-use-gesture. It is very touch-friendly with pinch+zoom/pan, double click to zoom in/out and more. I think it feels better than anything else I've tried - the power of springs!

https://github.com/tim-soft/react-spring-lightbox Demo Codesandbox

[Emiliano-Bucci]

Hi! I've created, some time ago, a carousel library powered by react-spring and react-use-gesture -> https://react-spring-carousel-js.emilianobucci.com :)

[a-type]

Hi folks! https://with.so uses react-spring extensively for so much of our core functionality! Spring animations make the spatial workspace feel much more natural and put some serious shine on size transitions, camera zoom, and position interpolations when remote room members move things around. react-spring's flexibility between declarative and imperative usage helped us optimize the app (along with Zustand) using outside-React subscriptions and decoupling presentation smoothness from our backend state updates.

We just started sponsoring the project. Thanks for the great work and congrats on releasing v9!

https://user-images.githubusercontent.com/2829772/113598096-9e9f2000-960a-11eb-814a-dfb80b297a03.mp4

[Emiliano-Bucci]

Hi! I've created a small open source react component based on react-spring -> https://react-spring-dialog.emilianobucci.com/ :)