KQ-441 · PAGE/CURL
Page Curl
The interface as a sheet whose corner curls: hover the corner and it lifts, drag and the curl follows, showing the back of the page and the ground beneath, with a shadow under the curl. Let go and it settles back on a spring.
KQ-441 · PAGE/CURL
Fernworks · the propagation log
Three lots, one bench worth checking.
Every lot on this page came off the same cutting bench this week. Lift the corner before you sign off on the count, and see what is written on the other side.
Germination86%86%
Bench temp17.8C17.8C
- L-014Rowan, bare-rootBed 3ready
- L-021Hazel whipsBed 1hardening
- L-036Field mapleBed 6held
bench 2 · week 14
lift the corner
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/page-curl
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| corner / radius | "tl" | "tr" | "bl" | "br" · number | — | Which corner curls and the curl's cylinder radius in px. |
| hoverLift / back / shadow | number · string · number | — | How far a hover lifts the corner, the back-of-page colour, and shadow strength. |