---
name: "@wxcn"
slug: "wxcn"
description: "Theme-aware React weather, tide, and moon forecast components built with shadcn/ui."
category: "Dashboard/admin templates"
tags: ["dashboard", "theming"]
framework: "react"
license: "MIT"
author: "maxffarrell"
website: "https://wxcn.dev/react"
github: "https://github.com/maxffarrell/wxcn-svelte"
registry: "https://wxcn.dev/r/react/registry.json"
pro: false
pro_url: null
github_stars: 0
component_count: 4
generated_at: "2026-09-21T01:50:16.753Z"
---

# @wxcn

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

## Links

- Website: https://wxcn.dev/react
- GitHub: https://github.com/maxffarrell/wxcn-svelte
- Registry JSON: https://wxcn.dev/r/react/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/wxcn
- This file: https://sh4dcn.vercel.app/md/wxcn.md

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://wxcn.dev/r/react/registry.json
pnpm dlx shadcn@latest add https://wxcn.dev/r/react/registry.json
bunx shadcn@latest add https://wxcn.dev/r/react/registry.json
# clone the source repo
git clone https://github.com/maxffarrell/wxcn-svelte.git
# fetch the raw registry index
curl -s https://wxcn.dev/r/react/registry.json
```

## Components (4)

| name | type | description | install |
| --- | --- | --- | --- |
| weather-forecast | registry:component | Weather forecast with optional atmospheric backgrounds. | `npx shadcn@latest add https://wxcn.dev/r/react/weather-forecast.json` |
| moon-forecast | registry:component | Lunar phase card with local cycle estimates. | `npx shadcn@latest add https://wxcn.dev/r/react/moon-forecast.json` |
| tide-forecast | registry:component | Coastal tide predictions with a theme-aware chart. | `npx shadcn@latest add https://wxcn.dev/r/react/tide-forecast.json` |
| forecast-dashboard | registry:block | Weather and moon for Austin, with a separate coastal tide card. | `npx shadcn@latest add https://wxcn.dev/r/react/forecast-dashboard.json` |

## For AI agents

```text
You are adding components from @wxcn to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/wxcn.md) for the component list.
2. Fetch the machine-readable index: https://wxcn.dev/r/react/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: wxcn).
```