@wxcn

Theme-aware React weather, tide, and moon forecast components built with shadcn/ui.

4 components react shadcn-cli MIT

Install this registry

shadcn (npm) npx shadcn@latest add https://wxcn.dev/r/react/registry.json

pnpm pnpm dlx shadcn@latest add https://wxcn.dev/r/react/registry.json

bun bunx shadcn@latest add https://wxcn.dev/r/react/registry.json

fetch registry curl -s https://wxcn.dev/r/react/registry.json

4 total

weather-forecast component

Weather forecast with optional atmospheric backgrounds.

npx shadcn@latest add https://wxcn.dev/r/react/weather-forecast.json

moon-forecast component

Lunar phase card with local cycle estimates.

npx shadcn@latest add https://wxcn.dev/r/react/moon-forecast.json

tide-forecast component

Coastal tide predictions with a theme-aware chart.

npx shadcn@latest add https://wxcn.dev/r/react/tide-forecast.json

forecast-dashboard block

Weather and moon for Austin, with a separate coastal tide card.

npx shadcn@latest add https://wxcn.dev/r/react/forecast-dashboard.json