SharedElementTransition
List-to-detail shared-element transition with reversible state, accessible controls, and reduced-motion handling.
Add with shadcn
npx shadcn@latest add https://www.uigrids.com/r/shared-element-transition.jsonInstall with the CLI
# adds SharedElementTransition to components/ui with the shadcn CLI
npx shadcn@latest add https://www.uigrids.com/r/shared-element-transition.jsonOr install the package
// npm install @uigrids/react-ui
import { SharedElementTransition } from '@uigrids/react-ui'
export default function App() {
return <SharedElementTransition />
}