# R3F

R3F (react-three-fiber) is a React renderer for Three.js that lets developers build Three.js scenes with reusable components expressed in JSX.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## Coding the stars - an interactive constellation with Three.js and React Three Fiber

DevFeed: [Coding the stars - an interactive constellation with Three.js and React Three Fiber](<https://devfeed.tech/articles/coding-the-stars-an-interactive-constellation-with-three-js-and-react-three-fiber-404.md>)

Original publisher: [Read original article](<https://supabase.com/blog/interactive-constellation-threejs-react-three-fiber>)

Author: Francesco Sansalvadore

Published: 2023-08-04T07:00:00Z

Content type: tutorial

Language: en

Sources: [Supabase Blog](<https://devfeed.tech/sources/supabase-blog.md>)

Topics: [R3F](<https://devfeed.tech/topics/r3f.md>), [Three.js](<https://devfeed.tech/topics/threejs.md>), [coding](<https://devfeed.tech/topics/coding.md>)

Tags: [animation](<https://devfeed.tech/tags/animation.md>), [article](<https://devfeed.tech/tags/article.md>), [coding](<https://devfeed.tech/tags/coding.md>), [js](<https://devfeed.tech/tags/js.md>), [react-three-fiber](<https://devfeed.tech/tags/react-three-fiber.md>), [three-js](<https://devfeed.tech/tags/three-js.md>)

### AI overview

Supabase explains how it built an interactive constellation animation for Launch Week 8 using Three.js and React Three Fiber. The article introduces the approach, scene setup, core R3F concepts, dependencies, particle geometry, materials, blending, and lighting.

### Source excerpt

How we built a constellation of stars with Three.js and React Three Fiber.