react-postprocessing
📬 postprocessing for react-three-fiber (by pmndrs)
react-three-flex
💪📦 Flexbox for react-three-fiber (by pmndrs)
| react-postprocessing | react-three-flex | |
|---|---|---|
| 5 | 4 | |
| 1,132 | 1,670 | |
| 1.8% | 1.4% | |
| 6.5 | 2.6 | |
| 2 months ago | about 2 years ago | |
| JavaScript | TypeScript | |
| 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.
react-postprocessing
Posts with mentions or reviews of react-postprocessing.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2022-10-06.
-
Migrating my Gatsby MDX blog to AstroJS (and why you shouldn't)
For the post processing I used @react-three/post-processing components, and to get the look just right I created a debug panel using Leva to adjust some values (like bokeh blur).
-
Lost on How To Implement Custom Post Processing, React
I'm attempting to implement custom post processing in react three fiber but I do not know how to go about it. I've tried to use these links as reference:https://github.com/pmndrs/react-postprocessing/blob/master/api.mdhttps://github.com/pmndrs/postprocessing/wiki/Custom-Passeshttps://github.com/pmndrs/postprocessing/wiki/Custom-Effects
-
HELP! how to create a custom postprocessing effect for react-three-fiber.
Hi all I've been fiddling with three.js for some time now! and recently started using react-three-fiber just because it's easy to use and declarative. I was wondering if someone here could help me out creating a custom postprocessing effect for my r3f project. I have the shader code already and I have seen pmndrs' code to extend three.js effect class but I'm unable to implement it with the shader code I have. the link to pmndr's / paul Hanchel's code Here and shader code for lens distortion effect Here or on stack overflow here. please assume I know nothing! thanks in advance!
-
issues using react-postprocessing selective bloom
looks like an active bug when using three r135 and above https://github.com/pmndrs/react-postprocessing/issues/111
-
I have started an everyday generative art project using React (and Three.js)
React Three Fiber with Drei and Postprocessing
react-three-flex
Posts with mentions or reviews of react-three-flex.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2022-08-12.
-
magnifiers, refraction and scroll pages
i guess if that were a serious project i would use flexbox https://github.com/pmndrs/react-three-flex
-
How do you go about making a TheeJS experience responsive?
a real responsive with overlap or wrapping and such needs a layout engine. this for instance is based on yoga, an open source flex implementation https://github.com/pmndrs/react-three-flex
-
Ask HN: Frameworks for game-style UI with WebGL?
I think you can do a lot of this with [React-three-fiber](https://docs.pmnd.rs/react-three-fiber/getting-started/intro...) in combination with [React-three-flex](https://github.com/pmndrs/react-three-flex). React-three-fiber lets you make three.js components in react, and react-three-flex will let you do flexbox style layouts to make interesting UIs. You still get all of the capabilities of three.js with a lot of the plumbing done for you. Check out the examples from react-three-flex for some examples close to what it sounds like you want to achieve.
-
How can I create rows of 3D models on a web page?
there is https://github.com/pmndrs/react-three-flex which is a flexbox implementation for threejs. here's a demo site made with it: https://7psew.csb.app but yeah, it's react + threejs 🤷♂️
What are some alternatives?
When comparing react-postprocessing and react-three-flex you can also consider the following projects:
drei - 🥉 useful helpers for react-three-fiber
r3f-world-with-character - A 3D world with nature objects and a character that can move around using your keyboard. Let the character walk, run or dance.
R3F-CRA-Starter - A starter project for React-Three-Fiber bootstrapped with Create-React-App and some useful packages
react-three-fiber - 🇨🇭 A React renderer for Three.js
postprocessing - A post processing library for three.js.
triplex - The visual IDE for the web.
Next.js - The React Framework
gelato-ui - React component library and design system powered by Vanilla Extract
r3f-perf - Easily monitor your ThreeJS performances.
component-material - 🧩 Compose modular materials in React
react-postprocessing vs drei
react-three-flex vs r3f-world-with-character
react-postprocessing vs R3F-CRA-Starter
react-three-flex vs react-three-fiber
react-postprocessing vs postprocessing
react-three-flex vs triplex
react-postprocessing vs Next.js
react-three-flex vs R3F-CRA-Starter
react-postprocessing vs gelato-ui
react-three-flex vs r3f-perf
react-postprocessing vs r3f-world-with-character
react-three-flex vs component-material