---
layout: home

hero:
  name: Three.js Sky Pro
  tagline: Volumetric sky and clouds for Three.js WebGPU
  actions:
    - theme: brand
      text: Get Started
      link: /guide/installation
    - theme: alt
      text: API Reference
      link: /api/sky-system

features:
  - icon: ☁️
    title: Volumetric Clouds
    details: Raymarched 3D cloud field with multiple scattering, wind animation, weather maps, and detail erosion.
  - icon: 🌅
    title: Atmospheric Scattering
    details: Physically-based Rayleigh + Mie model with turbidity, ozone, and exposure controls.
  - icon: 🌗
    title: Day/Night Cycle
    details: Built-in time-of-day clock with sun, moon, moonshine, and a rotating star panorama.
  - icon: 🪞
    title: Live Reflections
    details: Bake the sky and clouds into a CubeTexture for environment maps with independent quality settings.
  - icon: 🌊
    title: Water Integration
    details: One-call integration with Three.js Water Pro, including cloud reflections.
  - icon: ⚡
    title: WebGPU + TSL
    details: Built on Three.js TSL for modern GPU acceleration. Drop-in or compose with your own pipeline.
---

## Why Three.js Sky Pro?

A complete sky and cloud rendering solution for Three.js WebGPU. Sky Pro combines a Nishita-style atmosphere, a volumetric cloud raymarcher, a day/night cycle, and crepuscular god rays into one drop-in system — or pull the pieces apart and embed them in your own pipeline.

## Requirements

- Three.js r183.0 or later (WebGPU build)
- WebGPU-capable browser (Chrome 113+, Edge 113+, Safari 18+)

## License

See the [license agreement](license.md).