Moon Card

A tipped night card on dashed layout guides: a crescent moon rises from behind a bank of clouds, then a small cloud drifts across it while the banks sway in parallax, a sparkle twinkles and two stars blink. Plays twice once it scrolls into.

Library

D2Studio UI

Framework

React

Type

component

License

MIT

Dependencies

lucide-react

Install

npx shadcn@latest add https://d2studio.dev/r/moon-tile-03.json

Files

• registry/default/components/moon-tile-03.tsx
• registry/default/components/moon-tile-03/moon-tile-03.css
• lib/utils.ts

Source

https://github.com/rajaaltus/d2studio-ui

Categories

• Card Components
• React Card Components
• Tailwind CSS Card Components
• Animated Card Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• Animated Data Display Components

More from D2Studio UI

• AI Block
• AI Content Creator Card
• AI Content Creator Card v2
• AI Writing Assistant
• Bento 02
• Bento 03
• Bento 05
• Block 01
• Card
• Product Card
• D2 Card
• Dashboard 01