Internal
Landing-page mockups
Three categories. Each section has the prototype and a description of what it sells.
Hero candidates
Live dashboard (synthetic)
Synthetic dashboard mockup with animated counters + growing bars.
Scroll storytelling
Library → e-reader → sync → stats narrative.
Subtle counters
Three count-up cards with hover-tilt.
Theme demos
Pick a theme — preview cards
Click a card → entire site retheme animates.
Floating swatches
Smaller footprint, same retheme behaviour.
Auto-cycling dashboard
Real dashboard screenshots crossfading through themes. Could be the new hero visual.
More animated / interactive ideas
Bidirectional sync between KOReader and the web
Sells the differentiator: a position dot moves between the two devices.
Swordsman raised
his blade…
Swordsman raised
his blade…
365-day heatmap fills in
Cells fill cell-by-cell over ~5s. Loops. Sells the stats angle.
Carousel of books in progress
Auto-rotates through 4 books with animated progress bars.
Search modal types itself
Fake ⌘K modal typing "bersk" → revealing results. Loops.
Generic library app vs Tome — flip card
Toggle to flip a card between a boring table view and Tome's series-with-arcs view.
SVG e-reader page-turn
Charm. Cycles through pages of A Tale of Two Cities every 3s.
12 months of reading, in 4 seconds
Bar chart grows month by month with streak counting up. Sells "gets sharper the more you read".
Live-feeling streak counter
Pulses every few seconds, occasionally bumps up to simulate a fresh session syncing in.
Switch role → see filtered library
Interactive toggle: admin / member / guest. Books fade out to show server-side visibility rules.
Try the role toggles — visibility is enforced server-side, not just in the UI.
TomeSync appears in the KOReader menu
Cycles through "before / installing / done" showing the plugin entering KOReader's wrench menu.