DimSiblings

ui

Wraps a group of cards, links, or list items so hovering or keyboard-focusing one dims (or blurs) every other one — a pure CSS :has() affordance with zero pointer-tracking JavaScript

pnpm dlx shadcn@latest add "https://fancy-ui.rama.app/r/dim-siblings.json"

Sign In

DimSiblings

ui

Wraps a group of cards, links, or list items so hovering or keyboard-focusing one dims (or blurs) every other one — a pure CSS :has() affordance with zero pointer-tracking JavaScript

pnpm dlx shadcn@latest add "https://fancy-ui.rama.app/r/dim-siblings.json"

utils

@ui/fancy/components/dim-siblings/DimSiblings.tsx

utils

@ui/fancy/components/dim-siblings/DimSiblings.tsx