Widget
Widget Overview
Embed EpicContext in your application to enable user stories, feedback, and stakeholder collaboration — all connected to your product context.
The EpicContext Widget embeds your product context directly into your application. It bridges the gap between your documentation and your live product, enabling teams, stakeholders, and clients to collaborate in context.
What the Widget Does
The widget overlays on your application and lets users interact with your product context right where it matters — in the application itself.
Create User Stories
Team members can create user stories that reference specific parts of your application. No screenshots or separate tools needed — the user story is linked directly to the part of the app it relates to.
- Point at a specific section of the application
- Describe the desired behavior or change
- The story is automatically linked to the relevant context
- Stories sync back to your EpicContext project as
user_storyblocks
Give Feedback and Comments
Stakeholders and team members can leave feedback and comments attached to parts of your application:
- Product managers annotate features with requirements
- Designers flag visual inconsistencies
- Clients share input during review sessions
- QA teams report issues with full application context
View Product Context
The widget surfaces your EpicContext documentation as references attached to parts of the application:
- See the design decisions behind a feature — understand the why
- View the user persona a feature was built for
- Read the architecture decision records that explain technical choices
- Access the brand guidelines that inform the visual design
Context is set as references to parts of the application. This means your team always understands not just what was built, but why it was built that way.
Who It's For
The widget is designed for three key use cases:
Stakeholder Management
Give stakeholders a way to interact with your product that's connected to your documentation. Instead of disconnected feedback in email or chat, stakeholders see the context behind every decision and can provide input that's automatically structured.
User Feedback
Collect feedback from users and clients in the context of the application itself. Feedback is linked to specific features and automatically connects to the relevant product documentation.
Team Collaboration
Bridge the gap between your product team and your application. Designers, developers, and product managers can all reference the same source of truth while looking at the live product.
How It Works
Your Application
↓ (widget overlay)
EpicContext Widget (Shadow DOM)
↓ (API calls)
EpicContext Cloud
↓ (syncs to)
Your Project Dashboard
The widget:
- Loads as a lightweight JavaScript bundle (~10KB gzipped)
- Runs in Shadow DOM — no CSS conflicts with your application
- Fetches context from the EpicContext API
- Sends user stories and feedback back to your project
- Everything appears in your EpicContext dashboard and syncs to your CONTEXT folder
Key Features
| Feature | Description |
|---|---|
| User stories | Create stories referencing specific parts of the application |
| Feedback & comments | Leave contextual feedback attached to UI elements |
| Context references | View product context explaining decisions and design rationale |
| Zero dependencies | Vanilla JS, Shadow DOM, no framework required |
| Lightweight | ~10KB gzipped, loads asynchronously |
| Secure | Supports proxy mode to keep API keys server-side |
Next Steps
- Follow the Widget Setup guide to install the widget in your application
- Learn about team collaboration workflows with the widget
Last updated: 2026-02-22