Skip to main content

Components

Components are the reusable building blocks that compose every screen in GospeLib. Each component is built on top of the Foundations and follows the two-surface model: Paper surfaces hold scripture and user content; Chrome surfaces hold navigation and tooling.

Design Principles for Components

  • Invisible until needed. Tools reveal themselves through interaction, not through permanent on-screen presence.
  • Two-gesture depth. Every feature is reachable within two gestures from any reading context.
  • Platform-adaptive. Components resize and reflow across phone, tablet, and web without losing their identity.

Pages

PageDescription
LayoutPanel system, split views, drawer behavior, responsive breakpoints
ReaderScripture display, verse selection, inline footnotes, cross-references
AnnotationsHighlights, margin notes, tags, journal entries
Study ToolsSearch, bookmarks, collections, reading plans
Language ToolsGreek/Hebrew/Syriac morphology, interlinear display, lexicon popups
GraphKnowledge graph visualization, node cards, edge rendering