SkillGitHub
All components
filter-grid

Filter grid

Preserves spatial continuity as filtered results rearrange.

  • Keyboard ready
  • Reduced motion
  • TypeScript
Scene
product · mono
Runtime cost
Light
Motion engine
motion
Installnpx shadcn@latest add https://motion-lexicon.pages.dev/r/filter-grid.json

Component behavior

Results rearrange while preserving spatial relationships Preserves spatial continuity as filtered results rearrange.

Suitable events

Use for sorting, filtering, updates, and transactional state changes.

Runtime information

Motion engine
motion
Runtime cost
Light
Dependencies
motion
Open public Registry JSON