Physically styled WebGL2 shader components for rendering the solar system and sky in React 19.
Included Components
34
SolarisSkyEarthMoonLunar EclipseMercuryVenusMarsJupiterSaturnTitanUranusNeptunePlutoSunCuviiPresetMotionPoseAtmosphereLightSky (Procedural Atmosphere)Sun (Solar Flare & Glare)Earth (Day/Night & Clouds)Moon & Lunar EclipseMars (Albedo & Normal)Jupiter (Atmospheric Bands)Saturn & Volumetric RingsTitan (Dense Atmosphere)Uranus (Axial Tilt & Rings)Neptune (Deep Methane Blue)Mercury (Cratered Regolith)Venus (Super-rotating Clouds)Pluto (High-contrast Terrains)
Solaris is a React component library dedicated to rendering celestial bodies and atmospheric scenes with physically styled GLSL shaders. Each of its 14 scenes—from textured terrestrial planets to procedural gas giants and ground-level skies—features responsive composition, pointer lean, directional lighting, and lens flare controls. Components are client-only and export dedicated entry points (such as @cuvii/solaris/sky and @cuvii/solaris/moon) for granular bundle optimization, while automatically handling offscreen pausing and WebGL context loss recovery.
