Dev Design Library

Moon Tile

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.

Moon Tile preview
Library
D2Studio UI
Framework
React
Type
component
License
MIT
Dependencies
lucide-react
Install
npx shadcn@latest add https://d2studio.dev/r/moon-tile-01.json
Files
  • registry/default/components/moon-tile-01.tsx
  • registry/default/components/moon-tile-01/moon-tile-01.css
  • lib/utils.ts
Source
https://github.com/rajaaltus/d2studio-ui

Categories

More from D2Studio UI