Portrait Wall
Web (React)
A wall of paper-toned portrait cards where colour returns only under the pointer.
A wall of paper-toned portrait cards with serif names; colour returns only under the pointer.
Ines Okafor
@inesok
Type designer
Theo Marchetti
@theom
Bookbinder
Hana Sato
@hanasato
Letterpress printer
Arlo Venn
@arlovenn
Paper maker
Mira Holt
@mirah
Illustrator
Jonas Ekberg
@jonase
Archivist
Installation
CLI
npx @modus-ui/cli add portrait-wallProps
| Prop | Type | Default | Description |
|---|---|---|---|
| items | PortraitWallItem[] | - | Array of items to render. |
| radius | number | 300 | Radius of the hover spotlight effect. |
| columns | number | 3 | Maximum number of grid columns; narrow containers wrap to fewer. |
| rows | number | 2 | Number of grid rows; items beyond columns × rows are not shown. |
| damping | number | 15 | Spring damping for the spotlight movement. |
| className | string | - | Classes merged onto the grid root. |
Comments