Moon Tile

component

A night tile: a crescent moon rises over a bank of clouds, then the clouds sway in parallax while a sparkle twinkles and two stars blink. Plays twice once it scrolls into view, with a replay button. Light and dark, reduced-motion aware.

pnpm dlx shadcn@latest add "https://ui.d2studio.dev/r/moon-tile-01.json"

Sign In

Moon Tile

component

A night tile: a crescent moon rises over a bank of clouds, then the clouds sway in parallax while a sparkle twinkles and two stars blink. Plays twice once it scrolls into view, with a replay button. Light and dark, reduced-motion aware.

pnpm dlx shadcn@latest add "https://ui.d2studio.dev/r/moon-tile-01.json"

lucide-react

components/moon-tile-01.tsx

lucide-react

components/moon-tile-01.tsx