Resources
Articles that provide step-by-step instructions for common use cases and tasks when using Triplex and React Three Fiber.
How to Fix Broken Shadows After Using a Vertex Shader
Displacing vertices with a GLSL vertex shader can make for fantastic results but it's very easy to leave out a crucial step to ensure shadows remain correct.
How to Fix Missing Element Props
Elements can be given props to change their appearance and behavior. This guide explains what to do if they're missing.
How to Set Up Tailwind CSS
Your components might expect global styles to be available to render correctly. Here's how to set up Tailwind CSS in your Triplex project.
Replacing Leva With Component Props
Leva is a popular library to wire up controls to your components. With Triplex you can remove your glue code and instead use component props.
Using GLSL Shaders With Triplex
GLSL shaders are small programs that run on the GPU. When imported they have their include statements resolved and are then available as a string for you to forward on to Three.js.
Using Transform Controls With Virtual Scene Components
For use cases where transform controls would be a huge time saver but your 3D component doesn't render anything to the scene — you're still in luck.