KQ-488 · READ/TIDE
Read Tide
A warm wash that follows how far you have read: the part of the interface above your reading line is tinted as read, the line itself is a soft edge that moves with the scroll, and below it the page is untouched. A gentle progress you can see on the page itself.
Fernworks · propagation log
Eight weeks of cuttings, one long scroll to check on them.
Every batch below started as a cutting off the mother plants in the west house. Scroll down and the wash keeps pace with you — everything already passed carries a faint tint, and the line marking today's read sits right where your eye does.
The list runs oldest first, so the earliest rooted stock is the first thing the wash covers; the newest arrivals sit near the bottom, blank page until the scroll finally reaches them.
- F-114MaidenhairFeb 03rooted
- F-115Boston fernFeb 05rooted
- F-118StaghornFeb 09holding
- F-119Birds nestFeb 11rooted
- F-121Kangaroo paw fernFeb 14pending
- F-122Rabbits footFeb 15rooted
- F-124Asparagus fernFeb 18holding
- F-126Tree fernFeb 21pending
as far as you have read
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/read-tide
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| line / softness | number | — | Where the reading line sits in the viewport as a fraction and its feather in px. |
| tint / strength | string · number | — | The read wash's colour and strength. |