Leaftok - TikTok for books. Make reading addictive again.

Inspiration

We live in a paradox: we consume more content than ever, yet reading rates continue to decline. Gen Z scrolls through TikTok for hours but struggles to finish a single chapter. The problem isn't attention span—it's the format.

What if books could be as addictive as social media?

LeafTok was born from a simple observation: TikTok's vertical swipe mechanic creates an almost hypnotic flow state. Users lose track of time, seamlessly moving from one piece of content to the next. Meanwhile, traditional reading apps feel like homework—clunky page turns, intimidating walls of text, and zero momentum.

We asked ourselves: What if we could hijack TikTok's dopamine loop and redirect it toward reading?

The goal wasn't to make reading "faster" or "easier"—it was to make it irresistible. To transform passive scrolling into active learning. To prove that the same generation that binge-watches short videos could binge-read books if the experience matched their native digital behavior.

What it does

LeafTok reimagines reading as a vertical content feed.

Instead of turning pages, users swipe through bite-sized content chunks—paragraphs, passages, and pages that flow like TikTok videos. Each swipe reveals the next segment, creating momentum that makes it impossible to stop at "just one more page."

Core Experience:

  • Vertical Swipe Navigation: Natural TikTok-style gestures move through content
  • Chunked Content: Books are intelligently broken into digestible segments
  • Progress Flow: Visual feedback shows reading progress without breaking immersion
  • Ambient Audio: Lo-fi music and nature sounds create focus-enhancing atmosphere
  • Dark Mode Optimized: Reading-friendly design that reduces eye strain

Supported Formats:

  • EPUB files - Native support for standard e-book format
  • PDF documents - Full document reading capability
  • Cross-Platform - Works seamlessly on iOS, Android, and Web

Smart Features:

  • Persistent Progress: Pick up exactly where you left off
  • Bilingual Interface: Full support for English and Portuguese
  • Offline-First: All content accessible without internet
  • Customizable Audio: Mix lo-fi beats with ambient sounds (rain, coffee shop, fireplace)

Users don't "read books" in LeafTok—they scroll through knowledge, and that subtle shift in framing changes everything.

How we built it

Technical Foundation

React Native + Expo gave us the cross-platform reach we needed without compromising on native performance. This was crucial—the app had to feel as smooth as TikTok itself.

// File-based routing with Expo Router
app/
  ├── (tabs)/          // Main navigation structure
  ├── _layout.tsx      // Root layout configuration
  └── index.tsx        // Entry point

Architecture Decisions

Expo Router provided file-based routing that made navigation intuitive:

  • Tab-based main structure for Library, Reader, and Settings
  • TypeScript for type safety across the entire codebase
  • Component-driven architecture for reusable UI elements

AsyncStorage powers the persistence layer:

  • Reading progress saved locally
  • User preferences and settings
  • Book library management
  • Offline-first architecture

Content Processing Pipeline

The biggest technical challenge was making static content feel dynamic:

  1. EPUB/PDF Parsing: Extract text while preserving formatting
  2. Content Chunking: Intelligently break into swipeable segments
  3. Optimization: Pre-process content for instant rendering
  4. Caching: Smart memory management for large documents

Audio System

Built custom audio engine using expo-audio:

- Ambient sound layers (rain, coffee shop, fireplace, forest)
- Lo-fi music tracks designed for focus
- Seamless looping without audio gaps
- Volume mixing for layered soundscapes
- Persistence of audio preferences

Internationalization

Implemented i18next for bilingual support:

  • English and Portuguese fully supported
  • Language switching without app restart
  • Localized content for onboarding and UI

Design System

Created consistent brand experience:

  • Primary: #00D4AA (signature turquoise)
  • Background: #09090F (deep dark for readability)
  • Accent: #FF6B35 (engagement red-orange)
  • Dark theme optimized for extended reading sessions
  • Smooth animations using React Native Animated API

Cross-Platform Deployment

Leveraged Expo's unified build system:

  • Single codebase for iOS, Android, Web
  • Platform-specific optimizations where needed
  • Responsive design adapting to different screen sizes
  • Web version with PWA capabilities

Challenges we ran into

1. Making Static Content Feel Dynamic

Traditional reading is inherently linear and static. Creating the "endless scroll" feeling required:

  • Intelligent content segmentation algorithms
  • Smooth transition animations between chunks
  • Progress indicators that don't break flow
  • Memory optimization for large books

Solution: Built a virtual scrolling system that pre-loads content chunks and uses native gesture handlers for buttery-smooth swiping.

2. Cross-Platform PDF/EPUB Parsing

Different platforms handle document rendering differently:

  • iOS and Android have different native PDF capabilities
  • EPUB parsing libraries had inconsistent behavior
  • Web version needed entirely different approach

Solution: Created abstraction layer that detects platform and uses optimal parsing strategy for each, with fallback rendering for edge cases.

3. Audio Synchronization

Lo-fi audio needed to:

  • Start/stop seamlessly without pops or clicks
  • Loop perfectly without noticeable gaps
  • Layer multiple ambient sounds smoothly
  • Persist state across app lifecycle

Solution: Pre-processed all audio files, implemented custom audio manager with precise timing control, and cached audio buffers for instant playback.

4. The TikTok Paradox

How do you make reading feel like TikTok without destroying the depth that makes reading valuable?

  • Too short chunks: users never get into deep focus
  • Too long chunks: breaks the scroll momentum
  • Too much gamification: feels gimmicky
  • Too little feedback: users lose progress sense

Solution: Extensive user testing to find the sweet spot—content chunks sized for 20-40 seconds of reading, subtle progress indicators, ambient rewards without interrupting flow.

5. Performance on Lower-End Devices

Smooth animations and instant content rendering are critical, but:

  • Document parsing is CPU-intensive
  • Large books consume significant memory
  • Animation frame drops destroy the illusion

Solution: Implemented aggressive content pagination, lazy loading strategies, and optimized render cycles. Used React Native's performance profiling to identify and eliminate bottlenecks.

6. Bilingual Implementation

Supporting English and Portuguese meant:

  • Managing translation files
  • Handling different text lengths in UI
  • Right-to-left/left-to-right considerations
  • Cultural adaptation beyond literal translation

Solution: Built comprehensive i18next integration with language detection, dynamic text sizing, and culturally-aware content presentation.

Accomplishments that we're proud of

We Actually Made Reading Addictive

This wasn't hyperbole—beta testers reported losing track of time while reading, the same way they do on TikTok. We successfully transferred the engagement mechanics without sacrificing content depth.

🚀 True Cross-Platform Excellence

One codebase, three platforms, identical experience. The app feels native on iOS, Android, and Web—no compromises, no "this feature only works on..."

🎵 Ambient Audio Innovation

The soundscape system creates genuine focus enhancement. Users report the audio makes reading feel like a curated experience, not a chore.

Performance That Rivals Native Apps

60fps scrolling, instant load times, smooth animations—the app feels as polished as apps built by teams 10x our size.

🌍 Accessibility From Day One

Bilingual support, dark mode optimization, offline-first architecture—we built for real-world usage, not just ideal conditions.

📚 Format Flexibility

Supporting both EPUB and PDF means users can read academic papers, novels, reports, and articles—all in the same addictive format.

🎨 Brand Identity That Resonates

The turquoise-and-dark aesthetic immediately communicates "modern reading"—familiar enough to feel trustworthy, distinct enough to stand out.

What we learned

Technical Mastery

Expo Router proved to be incredibly powerful for complex navigation patterns. The file-based routing system made the app architecture intuitive and maintainable.

TypeScript saved us countless hours of debugging. Type safety across async operations, component props, and state management was invaluable.

React Native Performance requires constant vigilance. Native modules, gesture handlers, and careful render optimization made the difference between "smooth" and "buttery smooth."

Audio APIs are deceptively complex. What seems simple (play a sound) becomes intricate when you need perfect looping, mixing, and state persistence.

UX Insights

Vertical scrolling changes reading psychology. Users engage differently when content flows like a feed versus flipping like pages. The directionality matters more than we expected.

Progress visualization needs to be present but not prominent. Too visible: users stress about completion. Too hidden: users feel lost. We found the sweet spot in ambient progress indicators.

Audio creates context. The right soundscape doesn't just reduce distraction—it actively signals "reading mode" to the brain, creating Pavlovian focus triggers.

Chunking is an art. Content segmentation affects comprehension, retention, and engagement. We learned that natural breakpoints (paragraphs, scene changes) matter more than arbitrary lengths.

Behavioral Science

Gamification must be subtle. Heavy-handed rewards (badges, points, streaks) actually reduced engagement. Ambient progress and natural momentum worked better.

Context switching is the enemy. Every notification, every navigation element, every UI distraction reduces reading flow. Minimalism isn't aesthetic—it's functional.

Mobile-first reading is different. Phones are consumption devices. Reading on mobile needs to feel like entertainment, not work. Format changes behavior.

Product Development

Start with the core loop. We built the swipe-to-read mechanic first, before adding any features. Getting that single interaction perfect was 80% of the product's value.

Cross-platform is a superpower. Building once and deploying everywhere compressed our timeline and ensured consistency. The web version became an unexpected acquisition channel.

Internationalization from day one is easier than retrofitting. Building with i18next from the start made Portuguese support trivial instead of painful.

What's next for Leaftok

Social Reading Revolution

Shared Highlights: Users can share favorite passages as beautiful, swipeable cards—reading becomes social content

  • "What I'm reading" stories
  • Highlight collections by theme
  • Book recommendations via shared passages

Reading Together: Live reading rooms where friends read the same book simultaneously

  • Synchronized progress
  • Real-time reactions to passages
  • Virtual book club infrastructure

Community Discussions: Inline comments and discussions tied to specific passages

  • Reddit-style threading on book sections
  • Expert annotations and analysis
  • Author Q&A integration

Intelligence Layer

AI-Powered Recommendations: Not just "people who read X also read Y"

  • Analyze reading patterns (pace, re-reads, highlights)
  • Understand content preferences at paragraph level
  • Surface books matching demonstrated engagement patterns

Smart Summaries: AI-generated refreshers for books you've read

  • Quick "previously on..." summaries when returning to series
  • Concept mapping across multiple books
  • Personalized study guides for educational content

Adaptive Chunking: Content segmentation that learns from user behavior

  • Adjust chunk sizes based on reading speed
  • Identify natural stopping points from engagement data
  • Optimize for comprehension vs. momentum

Content Expansion

Publisher Partnerships: Direct integration with publishers

  • Exclusive early access to new releases
  • Author-curated reading experiences
  • Premium formatted content

Audiobook Hybrid: Seamlessly blend reading with audio narration

  • Switch between reading and listening mid-chapter
  • Synchronized positions across modes
  • Professional narration for premium content

Expanded Formats: Beyond EPUB and PDF

  • Web articles converted to swipeable format
  • Newsletter integration (read your Substack subscriptions)
  • Academic paper optimized presentation

Enhanced Experience

Premium Soundscapes: Subscription tier for exclusive audio

  • Genre-matched ambient sounds (sci-fi, mystery, romance)
  • Binaural beats for enhanced focus
  • Collaborative soundscapes from artists

Reading Analytics: Personal insights dashboard

  • Reading speed trends
  • Comprehension metrics (via smart quizzes)
  • Time spent by genre/topic
  • Year in review: "You read 52 books and 1.2M words"

Advanced Customization:

  • Font choices optimized for dyslexia and readability
  • Line spacing and chunk size personalization
  • Color theme variations
  • Reading goal setting and tracking

Growth Strategy

Creator Economy: Enable authors and educators to publish directly

  • Native authoring tools
  • Revenue sharing for serialized content
  • Direct reader relationships

Education Vertical: Special features for students and teachers

  • Textbook optimization
  • Study mode with built-in flashcards
  • Assignment tracking and submission

Language Expansion: Beyond English and Portuguese

  • Spanish, French, German, Mandarin
  • Machine translation with human review
  • Language learning integration (read in target language with inline definitions)

Monetization

Freemium Model:

  • Free: All core reading features, basic soundscapes
  • Premium: Exclusive audio, advanced analytics, early access to features, ad-free

Partnership Revenue: Commission on book sales driven through the app

  • Affiliate links to book retailers
  • Direct e-book sales partnership
  • Publisher licensing deals

B2B Opportunities:

  • Corporate learning platforms
  • Educational institution licenses
  • Reading therapy and wellness programs

💡 The Vision

LeafTok isn't just another reading app—it's a behavioral intervention. We're proving that the next generation hasn't lost the ability to focus; they've simply outgrown the interfaces designed for previous generations.

Reading shouldn't feel like choosing vegetables over candy. With the right design, the right mechanics, and the right context, reading can be the candy.

Every book is a TikTok feed waiting to happen. Every document is an engagement opportunity. Every reader is one good interface away from rediscovering their love of words.

LeafTok is where scrolling becomes learning, and reading becomes irresistible.


Built with ❤️ for the generation that was told they couldn't focus—and proved everyone wrong.

Built With

Share this project:

Updates