drei
🌭 useful helpers for react-three-fiber [Moved to: https://github.com/pmndrs/drei] (by react-spring)
react-three-next
React Three Fiber, Threejs, Nextjs starter (by pmndrs)
SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
drei | react-three-next | |
---|---|---|
1 | 8 | |
1,303 | 2,234 | |
- | 3.2% | |
9.6 | 3.7 | |
about 3 years ago | 9 days ago | |
JavaScript | JavaScript | |
MIT License | MIT License |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
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.
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.
drei
Posts with mentions or reviews of drei.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2021-04-15.
-
How to reproduce Death Stranding UI with react and react-three-fiber
drei (react-three-fiber helpers collection)
react-three-next
Posts with mentions or reviews of react-three-next.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-04-22.
-
React Lazy Loading react-three-fiber component
ps, you can also try https://github.com/pmndrs/react-three-next where we have abstracted this stuff. it gets 100% lighthouse score for performance, accessibility, best practices and seo.
-
Next.js Weekly #4: Vercel Ship, PHP to RSCs, Precedent 2.0, Hot Takes 🌶️
react-three-next
-
Suggestions needed
there's a whole eco system around three in react and next. it starts with react-three-fiber, drei has tons of helpers, and then there's three-next for when you need 100% lighthouse, persisting canvas across routes etc.
-
I built this super nice looking hero section with three/fiber in next.js. I love how easy it was to get such a result.
It’s a good combination, react-three-fiber expresses three in react, react-three-next makes for a good starting template for common issues like persisting canvas between routes. And Vercel is funding both pmndrs and r3f.
-
Using threejs server side?
The team at r3f are doing killer work. Check out this repo for a way to do SSR with their react renderer. https://github.com/pmndrs/react-three-next
-
SSR for ThreeJS? Is there any way to make threejs performant?
you could also check out https://github.com/pmndrs/react-three-next which is a nextjs starter. it gives you almost 100% lighthouse, and it has all these little tricks inbuilt.
-
Three.js works on localhost but not live on my Next.js website
Also check out https://github.com/pmndrs/react-three-next uses react three fiber, which is awesome.
What are some alternatives?
When comparing drei and react-three-next you can also consider the following projects:
three-stdlib - 📚 Stand-alone library of threejs examples designed to run without transpilation in node & browser
react-spline - A wrapper to painlessly integrate Spline projects into your React code-space. ☀
react-three-arjs - AR.js with react-three-fiber
react-three-fiber - 🇨🇭 A React renderer for Three.js [Moved to: https://github.com/pmndrs/react-three-fiber]
react-xr - 🤳 VR/AR with react-three-fiber
use-animation - react hook for reactive animations, powered by rxjs
gltfjsx - 🎮 Turns GLTFs into JSX components
portfolio-22 - My 2022 Portfolio
leva - 🌋 React-first components GUI
you-are-online - A react-three-fibre website with shaders, animated camera transitions and an animated model.
drei vs three-stdlib
react-three-next vs react-spline
drei vs react-spline
react-three-next vs react-three-arjs
drei vs react-three-fiber
react-three-next vs react-xr
drei vs react-three-arjs
react-three-next vs use-animation
drei vs gltfjsx
react-three-next vs portfolio-22
drei vs leva
react-three-next vs you-are-online