Can you put 3D in a post?

Posted by (Jeff Morgan)

Neon lights showing depth perspective

This post puts a 3D component into this post!. The code from this came from this Learn with Jason episode and uses the excelent react-three-fiber platform.

As you can see there is a 3D module embedded in the post this demonstrates the power of Gatsby MDX and how react-three-fiber can be used to create awesome 3D components

This post is set up as follows

├── 3fiber.mdx
├── components
│   ├── rocket.js
│   └── style.css
└── images
    └── depth.jpg

3fiber.mdx is this post

components directory contains the implementation of the 3D model

images directory holds the hero image

← back to all posts