EasecraftImplemented

Composition / Content

Filterable Work Gallery

Filter a semantic project gallery with focus-safe exits and animated two-axis reflow.

4 projects
  • EC
    Open source2026

    Easecraft

    Accessible motion infrastructure.

    Product
  • FN
    Studio2025

    Field Notes

    Publication and identity system.

    EditorialIdentity
  • RL
    SaaS2025

    Relay

    ProductIdentity
  • IX
    Archive2024

    Index

    Editorial

Delivery contract

Install it

pnpm add easecraft@0.1.0

The composition imports stable APIs from easecraft.

Files / 02

  1. utilitycomponents/easecraft/compositions/filterable-work-gallery-core.tsx
  2. compositioncomponents/easecraft/compositions/filterable-work-gallery.tsx

Dependencies / 03

easecraft
npm / 0.1.0
react
peer / >=18.2.0 <20.0.0
react-dom
peer / >=18.2.0 <20.0.0

Component graph

Foundations

LayoutFilter GridFilterGrid

Interaction contract

Keyboard

Tab / Shift+Tab
Moves through native category controls and project links.
Enter / Space
Activates the focused category or project action.

Release requirement

Accessibility

Pattern
filterable-gallery
Focus management
Required
Reduced motion
Immediate semantic fallback
Note
Announces the filtered project count in one polite live region.
Note
Filtered projects become inert and transfer focus before retained exits complete.