Blockchain Galaxy

• 

  searched system program

• 

  homepage of the app showing the solana system as the sun and major programs as planets

• 

  info on planet after click one it on the home page

i had the idea of this project while i was experimenting with Three.js

it helps people visualize the Solana Programs as a solar system

A client-side WebGL experience: React Three Fiber + three.js + drei for the scene, @react-three/postprocessing for the "expensive render" work, GSAP for the camera and warp, and @solana/web3.js on a Helius endpoint for live data with a cached snapshot fallback. A Node-side script fetches real blocks, classifies every transaction by program, and rolls those up into the per-program magnitudes that drive the scene.

I plan to expand this project to show more of the Solana ecosystem.

Built With

• github
• gsap
• node.js
• react
• three.js
• vercel
• vite
• webgl