Dev Design Library

Shader Sky

WebGL sky for landing heroes: clear blue with drifting clouds in light, storm gray in dark, optional window-glass film.

Shader Sky preview
Library
23rd.dev
Framework
React
Type
ui
Install
pnpm dlx shadcn@latest add @23rd/shader-sky
Files
  • registry/shader-sky/shader-sky.tsx
  • lib/utils.ts
  • registry/shader-sky/shader-sky-vanilla.ts
Source
https://github.com/radiumcoders/23rd.dev

Categories

More from 23rd.dev