# 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.