Raycaster Shapes

Geometries on a 3D plane: a raycaster lights up the hovered shape's edges with a Fresnel rim shader, and clicking pops it up and spins it.

Library

Pixel Perfect

Framework

React

Type

block

License

MIT

Dependencies

@react-three/drei, @react-three/fiber, three

Files

• registry/new-york/three-js/raycaster-shapes.tsx

Source

https://github.com/vansh-nagar/Pixel-Perfect

More from Pixel Perfect

• 3D Button
• Abhinav Bento Button
• Accordion Carousel
• Accordion Fold
• Animated Texture
• Antinomy Button
• Aperture Mask Reveal
• Arrow Letter Background
• Aurora Curtain
• Bar Wave Animation
• Bayer Sunset Background
• Before After