# Times Of Day Sky Stages

> A header split into heading and description above four tall, narrow stages of equal height, one per time of day. Each stage is a live sky with its own palette, sun position and cloud cover, from a pale morning to a night sky, and holds one small glass piece or widget in its center. The title and sentence sit under each stage on the page color, and on desktop every second column drops to form a stagger.

A paid shadcn/ui block sold by the [@beste-ui](https://ui.beste.co/?utm_source=shadcn.exchange) registry, listed on [shadcn.exchange](https://shadcn.exchange/r/beste-ui/feature330).

- Page, with a preview: https://shadcn.exchange/r/beste-ui/feature330
- Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/beste-ui/feature330-light-933a7b06cf092385.png
- Listed: 2026-10-13

## Buy and install

@beste-ui sells this block, and its code is not on shadcn.exchange. Buy it from the registry, which installs it for those who have: https://shadcn.exchange/out/beste-ui/feature330

## Dependencies

- npm packages: `clsx`, `lucide-react`, `tailwind-merge`