domains / families / design / beautiful-shadows

beautiful-shadows

separate

Apply exact Tailwind arbitrary shadow utilities for polished, layered neutral elevation. Use when compact cards, controls, panels, popovers, hero media, feature callouts, or modal-like containers need refined shadows without default Tailwind shadow scales or colored tinting.

When to use

• polished, layered elevation
• compact cards
• form controls
• panels
• popovers
• hero media
• feature callouts
• modal-like containers

When not to use

• default Tailwind shadow scales
• colored tinting
• dense lists
• tiny controls
• very low-contrast layouts
• stacking multiple shadow utilities

Skill page

Source