Progressive Depth
Layered reading for teams that want people to choose their depth
A React library for progressive disclosure that lets readers skim, read with context, or dive into detail without forcing every page into one reading mode.
Inspired by Forest Layers
Origin in Mutuus
Layered reading in living systems
Progressive Depth turns the canopy, understory, and mycelium metaphor into a reusable reading pattern so products and publications can reveal depth progressively instead of all at once.
Features
Three reading layers for claim, context, and depth
Reader-controlled mode switching instead of one-size-fits-all pages
Headless logic, unstyled primitives, and styled components
Local persistence support for reading preferences
Markdoc-friendly content formatting
Use Cases
Technical blogs that need skimmable and deep reading paths
Product documentation where different readers need different detail
Content-heavy interfaces that should reveal depth progressively
Built With
Role in the ecosystem
Progressive Depth inside the fabric
A public content-disclosure library that gives the rest of the ByteQuilt ecosystem a practical way to present layered information without forcing every reader through the same depth.
Better together
Progressive Depth gains leverage when it is stitched into adjacent parts of the ByteQuilt ecosystem.
