scrollAreas
Read only if it stayed on screen
Notification list that earns read state by dwell: IntersectionObserver plus a per item timer demand a minimum time at a minimum visible ratio, with a ring that fills and drains if you leave early, and a toggle comparing the honest count against the naive one.
See it live and copy its promptWhat you can adjust
- Dwell time threshold
- Required visible ratio
- Accent color
- Ring color
- List height
- Notification count
- Explainer panel
- Animation speed
How this catalog works
Every component ships with its reproduction prompt: the text you paste into an AI builder to get exactly this piece. The values above are editable, and the prompt you copy carries the ones you chose, so what gets generated is what you were looking at.
