Browser Learning Companion • Chrome Side Panel

Learn from the web your way.

StoryClover transforms webpages into interactive learning experiences — from engaging stories and concept-based quizzes to quick summaries and guided conversations.

Live Extension SidePanel Preview

Exact replica of the StoryClover Chrome Side Panel interface & learning styles

Extracted: 1,420 words
https://en.wikipedia.org/wiki/Event_horizon
Active Tab
AstrophysicsGeneral Relativity

Event Horizons of Stellar Black Holes

In general relativity, an event horizon is a boundary in spacetime beyond which events cannot affect an outside observer. In lay terms, it is defined as the "point of no return", where gravity becomes so immense that escape velocity exceeds light speed.

Extracted Key Entities:4 Concept Nodes Parsed
Schwarzschild RadiusGravitational Time DilationSpaghettificationHawking Radiation
Logo

StoryClover

Beta
Event horizon - Wikipedia
Active
5 / 5 left
📖

Turn the webpage into a story with quizzes and a story chat to ask questions.

The Gravitational GatewayScene 1 of 3

As the probe approached the boundary, spacetime warped into a luminescent halo. At the threshold known as the Schwarzschild Radius, gravity bends every world line inward so severely that no signal can ever return.

🎯 Checkpoint Quiz

What defines the event horizon threshold?

Why can nothing escape an event horizon?
At the Schwarzschild radius, the required escape velocity equals the speed of light (c). Since relativity forbids speeds faster than c, all inward paths lead to the central singularity.
StoryClover Extension v1.0.0FastAPI Backend Connected
The Learning Gap

Reading isn't always understanding.

Passive reading works fine for simple text. But complex articles, technical documentation, and long Wikipedia entries present challenges that traditional top-to-bottom reading can't solve alone.

Losing focus mid-page

Reading dense blocks of text line by line can cause your attention to drift.

Rereading the same paragraph

Scanning over complex material repeatedly without retaining what it actually means.

Getting stuck on a single concept

Stumbling on a single term or equation and losing the thread of the rest of the text.

Understanding parts, missing the whole

Grasping individual facts but missing how they fit into the bigger picture.

Different content and different situations call for different ways of learning.

StoryClover gives you those options. Choose the learning style that fits what you're reading right now.

Learning Style System

Choose how you want to learn.

Different content calls for different approaches. Today, StoryClover offers four distinct learning styles from the same webpage — with more options continuously in development.

Narrative Learning

Story Mode

"Turn the page into a story."

Transforms difficult or dense webpage content into an engaging narrative while preserving core concepts. Test yourself along the way and ask follow-up questions directly inside the story.

  • Generated narrative story
  • Key concept insights
  • Checkpoint quizzes
  • In-story question & answer chat
Concept Breakdown

Interactive Mode

"Explore the important ideas one by one."

Deconstructs a complex webpage into bite-sized facts and concept nodes. Review explanations with practical examples, proofs, or simple terms and test yourself as you go.

  • Bite-sized concept nodes
  • Example, Technical & Simple views
  • Concept-level quizzes
  • Self-paced topic breakdown
Fast Reading

Summary Mode

"Get the key points quickly."

Provides a concise, straightforward summary of the webpage. Positioned for fast reading when you simply need to understand the main points without fluff.

  • Executive takeaway points
  • Fast 2–3 minute overview
  • Clean & minimal formatting
  • Zero extra distraction
Guided Dialogue

Socratic Mode

"Learn through conversation."

Evaluates your current level of understanding and uses guided dialogue and targeted questions to uncover gaps in your knowledge and build deeper intuition.

  • Guided learning dialogue
  • Evaluates existing knowledge
  • Uncovers conceptual gaps
  • Interactive Q&A prompts
Extensible Architecture: StoryClover is designed to support additional learning styles (e.g. Flashcard Decks, Audio Walkthroughs) as the product evolves.
Which style should you choose?

How the learning styles differ.

Select the approach that matches your goal for the webpage you're reading right now.

Narrative & Quizzes

Story Mode

Best For:

When you want engaging, narrative-based learning.

Transforms the webpage into a story with quizzes and a built-in Story Chat to ask questions as you read.

Interaction Model:Story Chat: Ask questions about the story or webpage context while reading.
Concept Nodes

Interactive Mode

Best For:

When you want to explore facts & concepts and test yourself.

Breaks the page into bite-sized concept nodes with practical examples, proofs, and quizzes.

Interaction Model:Self-paced study nodes with immediate knowledge checks.
Fast Overview

Summary Mode

Best For:

When you want the important points quickly.

Generates a clean, straightforward summary with top takeaway points.

Interaction Model:No chat or dialogue — simple, fast overview for rapid reading.
Guided Tutor

Socratic Mode

Best For:

When you want deeper understanding through guided conversation.

Guides you through questions and conversation to test intuition and uncover gaps in your understanding.

Interaction Model:Guided Learning Conversation: The dialogue itself is the learning experience.
Story Mode Chat

Asking questions while reading

In Story Mode, you read a generated narrative. If a character or concept is confusing, you use the docked chat drawer to ask follow-up questions about that story or webpage.

Socratic Mode

Conversation as the learning mechanism

In Socratic Mode, there is no separate story text. Instead, the AI guides you through targeted questions and dialogue to evaluate your intuition and uncover gaps in your understanding.

Product Differentiation

Not just summarizing text — changing the way you learn.

Asking a generic AI chatbot to "summarize this article" just changes the text length. StoryClover changes your entire learning experience depending on what you need in that moment.

Generic AI Prompts & Static Reading

One output format fits no one's actual learning style.

  • One-size-fits-all output: A wall of bullet points that is easy to skim but hard to retain.
  • No active recall: Passive reading without built-in quizzes to test whether you actually understood.
  • Context switching: Copy-pasting text back and forth between browser tabs and separate chatbot windows.
  • Static experience: Doesn't adapt whether you want a narrative story, concept breakdown, or guided dialogue.
With StoryClover

One webpage. Multiple ways to learn.

  • Choose your learning style: Story, Interactive concepts, Summary, or Socratic conversation.
  • Test yourself while learning: Built-in quizzes and checkpoints keep your mind actively engaged.
  • Understand confusing concepts clearly: Switch views to see real-world examples, simplified breakdowns, or technical details.
  • Seamless Side Panel integration: Never leave your webpage or switch tabs to ask questions and learn.

Who is StoryClover for?

People do not always learn best by simply reading a page from top to bottom. StoryClover gives every reader options tailored to their goal.

Students & Academic Readers

Transform Wikipedia entries, study guides, and online readings into engaging story chapters, concept breakdowns, and checkpoint quizzes.

Developers & Engineers

Navigate dense documentation, API guides, and technical articles by testing your comprehension or breaking complex concepts into bite-sized pieces.

Researchers & Professionals

Get key takeaways rapidly with Summary Mode or test your intuition on complex research topics with guided Socratic conversations.

ADHD & High-Stimulation Learners

Bypass walls of unformatted static text with structured scene pacing, immediate visual feedback, and interactive quizzes designed to maintain focus.

Anyone Seeking Active Comprehension

People do not always learn best by simply reading a page from top to bottom. StoryClover keeps you actively engaged through quizzes, dialogues, and Q&A.

How StoryClover works.

From raw webpage text to active understanding in four simple steps.

Step 01

Open a Webpage

Navigate to any Wikipedia article, technical document, or blog post in Chrome and open StoryClover.

Step 02

Choose How to Learn

Select Story Mode, Interactive Mode, Summary Mode, or Socratic Mode based on what you need.

Step 03

Transform the Content

StoryClover processes the webpage text and converts it into your chosen interactive learning format.

Step 04

Learn Your Way

Read stories, complete quizzes, ask follow-up questions, or review key takeaways in your side panel.

StoryClover Beta PhaseActive Public Beta

StoryClover is actively in Free Beta. Private by design — StoryClover processes webpage content only when you ask it to create a learning experience. Free accounts include standard usage quotas so you can test all current learning styles.

Product Status & Roadmap

Transparent breakdown of what is live today in StoryClover and what we're building next.

Available in Product Today

  • Chrome Side Panel IntegrationExtracts active tab content with 1 click and renders directly in Chrome side panel.
  • Story Mode (Multi-Scene Beats + Checkpoint Quizzes + Docked Q&A)Generates multi-scene narrative chapters with active reading quizzes and a docked Contextual Q&A chat drawer.
  • Interactive Analysis & Socratic ModesDeconstructs page text into concept nodes (Example/Proof/Simple) and adaptive Socratic dialogues.
  • Contextual Q&A (Ask AI)Ask follow-up questions grounded strictly in the extracted webpage content.
  • Google Sign-In & Beta Usage QuotasSecure OAuth authentication and real-time quota tracking badges.

Planned Improvements (Upvote)

Instant Word-by-Word Streaming

Stream story chapters and concept breakdowns word-by-word into the side panel as they generate.

Saved Summaries & Reading History

Revisit past generated stories, interactive concept maps, and Q&A transcripts from your account dashboard.

Export to Notion & Markdown

One-click export of key takeaway bullet points and concept proofs directly into your study notes.

Custom Reading Level Tuning

Adjust target vocabulary complexity from elementary to academic research standard.

Frequently asked questions.

Story Mode converts webpage content into an engaging narrative with quizzes and a built-in Q&A chat. Interactive Mode breaks complex topics into bite-sized concept nodes with quizzes. Summary Mode provides a fast, concise study overview without chat. Socratic Mode uses guided dialogue and targeted questions to uncover gaps in your understanding.
Continuous EnhancementsLearning styles and reading tools continuously refined.
Feedback-Driven RoadmapUpvoted learning features directly shape our development schedule.
Privacy & Secure OAuthWebpage text is processed only on explicit generation requests.