User evidence1
Show what happened
The user records the broken flow, narrates the problem, and marks the exact frame where it appears.
screen.webm
frame.jpg + marker
“Pay button does nothing”
Open-source in-app bug reporting
Make every bugreproducible.
Capture the user's screen, voice, page context, and visual notes—then turn them into an issue-ready report your engineering team can act on.
Open-source MIT coreInstall in your productYour workflow, your storage
Pay now
Recording
Screen + optional microphone
Recording
Checkout feedback
Report ready
Checkout button blocked
MIT
Free core
IN-APP
Where bugs happen
ISSUE
Ready reports
BYO
Storage and backend
One report. The whole story.
Give engineering more than a video.
Feedclip combines what the user saw, what they said, and where it happened into a report that is ready for triage.
Automatic context2
Capture where it happened
Feedclip adds a privacy-safe capture profile and the technical context engineers usually request in a follow-up.
URL /checkout
Chrome · macOS
Window · 1440×900 · WebM
Engineering output3
Triage an issue-ready report
Cloud structures the evidence into a concise summary, reproduction steps, impact, and next actions.
High · blocks checkout
1. Open checkout
2. Click Pay now
→ Copy to issue tracker
Built for reproducible bugs
From “it broke” to useful context.
Give engineers the evidence they need without asking users to write a perfect ticket.
Screen + microphone
Record a tab, window, or screen by default, add microphone narration when useful, or choose the camera explicitly.
Preview before upload
Let users review, discard, and record again before anything reaches your server.
Pause and resume
Long thought? Interruption? The recording stays under the user’s control.
Client-side trimming
Pro users select a range, apply the cut, preview the result, then save or cancel before upload.
Your storage
Use your own upload callback or connect Supabase and S3 with ready-made helpers.
Frame capture + visual notes
Capture the current preview frame, then click the screenshot to point out exactly where the bug appears.
Working examples
Try it live. Then inspect the code.
Compare five focused demos: Free in React, Vue, and Angular; Pro with a temporary demo license; and Cloud with secure managed upload. No permanent API key is exposed in the browser.
Hosted demo
Free · React
Core recording, review, metadata, and local IndexedDB storage.
@feedclip/sdkView source ↗Hosted demo
Free · Vue
The free Vue adapter with reactive configuration and local storage.
@feedclip/sdk/vueView source ↗Hosted demo
Free · Angular
The free standalone Angular adapter with strict TypeScript configuration.
@feedclip/sdk/angularView source ↗Hosted demo
Pro · React
Trimming, thumbnail file export, upload progress, and branding removal with a short-lived demo license.
@feedclip/sdk + ProView source ↗Hosted demo
Cloud · React
Private managed upload with a short-lived project token. OpenAI is disabled for the public demo.
@feedclip/sdk + CloudView source ↗One clear flow
Record to upload in four steps.
Feedclip owns the tricky browser media states. You decide where the finished file and metadata go.
01
Choose what to share
The browser asks the user to select a tab, window, or screen. Camera and microphone remain explicit choices.
02
Record
Users pause and resume while Feedclip manages the MediaRecorder state and duration limit.
03
Review
The clip plays back immediately. Pro can apply, save, or cancel a trim before upload.
04
Upload
Your handler receives a standard File object and optional progress callback.
Developer friendly
Drop it in. Wire it up. Done.
Install the package, pass one typed config object, and choose where submissions go. Use your endpoint, IndexedDB for local development, or Pro helpers for Supabase and S3.
React 19 is the capture engine. Vue 3 and Angular 19–21 lifecycle adapters include React and React DOM as peer dependencies.
React 19
@feedclip/sdkVue 3
@feedclip/sdk/vueAngular 19–21
@feedclip/sdk/angular- Vue and Angular lifecycle adapters
- Fully typed configuration
- Custom upload handler
- No required storage vendor
Feedback.tsx
import FeedClip, {
createFeedbackEndpointTransport,
} from '@feedclip/sdk'
const submitFeedback = createFeedbackEndpointTransport({
// Your authenticated backend proxy or FeedClip API deployment.
endpoint: '/api/feedclip-submissions',
})
export function Feedback() {
return (
<FeedClip
config={{
locale: 'en-US',
defaultVideoFileNameStyle: 'ISO 8601',
defaultVideoFileExtension: 'webm',
maxDurationMilliSeconds: 60_000,
maxFileSize: 100_000_000,
onSubmit: submitFeedback,
// Add your own non-sensitive product metadata. FeedClip already
// attaches a safe capture and browser capability profile.
// Do not include secrets, access tokens, or raw user/session objects.
getContext: () => ({
accountId: currentAccount.id,
appVersion: APP_VERSION,
buildSha: BUILD_SHA,
environment: 'production',
framework: 'react',
frameworkVersion: React.version,
}),
// Optional: add sanitized console/network/click events too.
diagnostics: { enabled: true },
}}
/>
)
}Using Pro
Buy a project license. Paste one config object.
Feedclip Pro is unlocked by a signed, project-bound SDK license. After checkout, copy the SDK configuration from the success page and pass it as config.license.
Purchase Pro
Use the Pro checkout on feedclip.dev. The success page creates a signed lifetime license for one project.
Copy the SDK config
The success page and purchase email provide secure access to token, publicKey, issuer, audience, and projectId. A lost license can be recovered by purchase email.
Keep server secrets separate
A Pro SDK license is not an API key. Storage credentials, Cloud project keys, and AI keys stay on your backend.
Lost the checkout page? Email yourself a secure Pro recovery link.
ProLicense.tsx
import FeedClip from '@feedclip/sdk'
const license = {
token: 'eyJhbGciOiJFUzI1NiIsInR5cCI6IkZDTCJ9...',
publicKey: { kty: 'EC', crv: 'P-256', x: '...', y: '...' },
issuer: 'https://feedclip.dev',
audience: '@feedclip/sdk',
projectId: 'your-project-id',
}
export function Feedback() {
return (
<FeedClip
config={{
locale: 'en-US',
defaultVideoFileNameStyle: 'ISO 8601',
defaultVideoFileExtension: 'webm',
maxDurationMilliSeconds: 60_000,
maxFileSize: 100_000_000,
license,
onSubmit: submitFeedback,
}}
/>
)
}Data and privacy
Know where every submission goes.
Recording stays in the browser until the user submits it. Feedclip does not require a hosted Feedclip account or storage service, so your application keeps control of files and retention.
Before submit
Local by default
MediaRecorder captures the selected screen in the browser, with optional microphone narration or an explicit camera mode. Users can preview, discard, retry, or capture a frame before your handler receives anything.
Selected screen → browser memory → preview
On submit
Your destination
Your onSubmit handler decides where video, screenshot, description, and product context go. Feedclip has no required storage vendor.
FeedClip SDK → your handler → your storage
Feedclip Cloud
Server-side feedback processing
Feedclip Cloud accepts project-scoped submissions and turns recordings into transcripts and structured AI analysis on the server.
Feedclip API → transcription → AI analysis
Browser requirements
Secure context required
Screen or camera capture requires HTTPS or localhost, user permission, MediaRecorder support, and a media format supported by the current browser.
HTTPS + permission + MediaRecorder
Core, Pro & Cloud
Start with the recorder. Add polish or hosting later.
The free SDK handles the recording flow. Pro upgrades the browser experience for self-hosted products. Cloud adds managed ingestion, storage, transcription, and analysis.
Free
MIT Core
Record and upload
- Screen recording with optional microphone or camera mode
- Pause, resume, preview, and retry
- Current-frame capture, screenshot markers, description, and browser context
- MIT license, including commercial use
One-time license
Feedclip Pro
A polished product experience
- Interactive video trim with apply/save/cancel preview
- Supabase and S3 upload helpers
- Upload progress and thumbnail file export
- No “Powered by FeedClip” player branding
- Use your own storage and processing backend
Managed
Feedclip Cloud
Hosted processing when you need it
- Hosted feedback ingestion and private storage
- Transcription and structured AI analysis
- AI triage summary with suggested owner
- Suggested next actions for engineers and QA
- Copyable submission links and issue-ready Markdown
- Useful Markdown fallback when AI analysis is unavailable
- Private video, screenshot, and thumbnail links
- Open, in-progress, and resolved team workflow
- Server-side project and status filters
- Customer-controlled deletion from Cloud Inbox
- Self-service billing, invoices, and cancellation
- QA environment summary for every report
- Usage limits with no surprise bills
- Pro SDK features included while subscribed
Simple pricing
Own the SDK. Add Cloud only when it earns its keep.
Core stays free. Pro is a one-time license for teams that run their own backend. Cloud is an optional monthly service for hosted ingestion, storage, transcription, and AI analysis.
MIT Core
Free forever
$0no account required
- Screen recording with optional microphone or camera mode
- Pause, resume, preview, and retry
- Current-frame capture, screenshot markers, description, and browser context
- MIT license, including commercial use
MIT licensed, including commercial use.
Feedclip Pro
Lifetime project license
$49USD one time
- Project-bound signed license token
- Interactive trimming, thumbnail file export, and upload progress
- Supabase and S3 upload helpers
- Player branding removal
- Use with your own backend and storage
- Lifetime access for one project
One-time purchase for one project. No expiration and no automatic renewal.
Feedclip Cloud
Cloud plan
$29USD / month
- 250 processed submissions / month
- 30-day private media retention
- Transcription and structured AI analysis
- Impact, reproducibility, and owner hints
- Suggested follow-up checklist
- Markdown, compact bug report, and QA checklist copy actions
- Private attachment links
- Permanent deletion from Cloud Inbox
- Stripe billing portal for invoices and cancellation
- Browser, OS, viewport, and page context
- Privacy-safe permissions, capture surface, dimensions, and recorder profile
- Pro SDK features included
- No overage charges
250 processed submissions monthly. No overage charges.
One plan, one price. No tiers, metered overages, or surprise usage bills. Cloud pauses new submissions when the monthly limit is reached and resumes automatically next month.
FAQ
A few good questions.
What do I receive with Feedclip Pro?+
You receive a lifetime Feedclip Pro license bound to one project. It unlocks interactive trimming with apply/save/cancel preview, thumbnail file export, upload progress, storage helpers, and branding removal. You keep using your own backend and storage without a recurring Feedclip fee.
How do I recover a Pro license?+
Open the Pro recovery page and enter the email used at checkout. Feedclip returns the same generic response for every address, then sends eligible purchasers a single-use link that expires after 30 minutes. Refunded or revoked licenses cannot be recovered.
How is Feedclip Cloud billed?+
Cloud is one $29 monthly plan with 250 processed submissions and no overage charges. New submissions pause at the monthly limit and resume automatically the next month.
How do I update payment details or cancel Cloud?+
Sign in to Cloud Inbox and choose Manage billing. Stripe Customer Portal lets the account owner update payment details, review invoices, and cancel the subscription without contacting support. Cloud access remains active until the paid period ends.
Does Cloud include a Pro license?+
Cloud unlocks Pro SDK features while the subscription is active. The separate $49 lifetime Pro license remains useful if you want to self-host permanently without a Cloud subscription.
Is Feedclip Cloud available now?+
Yes. Cloud is available as one $29 monthly subscription with hosted ingestion, private storage, transcription, structured AI analysis, triage summaries, suggested next actions, private attachment links, QA environment summaries, and a hard 250-submission monthly limit.
Can I use Feedclip in commercial projects?+
Yes. MIT Core allows commercial use. Feedclip Pro adds polished client-side SDK features, while Cloud adds optional hosted ingestion, storage, transcription, and AI analysis.
Where are videos stored?+
Wherever you choose. Feedclip passes the recorded File to your upload handler, so your app keeps control of storage and data.
Which browsers and frameworks are supported?+
Feedclip tests monitor and window recording lifecycles in Chromium, Firefox, and WebKit. The browser and operating system still control the native sharing picker and captured pixels. Camera recording remains an explicit alternative. Feedclip ships entrypoints for React 19, Vue 3, and Angular 19–21.
Why is screen recording black in Firefox on macOS?+
A black preview means Firefox returned a black display stream before Feedclip received it. Update Firefox, confirm macOS Screen & System Audio Recording permission, restart Firefox, and leave full-screen mode. If whole-display capture is still black, select a single application window or use Safari or Chromium for whole-display capture.
Does a recording leave the browser before submission?+
No. The clip stays local while the user records, previews, retries, or trims it. Your onSubmit or onUpload handler controls the final destination.
Are Cloud attachment links public?+
No. Cloud attachment links route through the Feedclip API and require project authorization before downloading the recorded video, screenshot, or thumbnail. They are designed for issue-ready context without exposing private storage URLs.
Can I delete Cloud feedback?+
Yes. Project owners can permanently delete a submission from the authenticated Cloud Inbox. Feedclip removes the feedback metadata and its private video, screenshot, and thumbnail together.
Is there a free version?+
Yes. MIT Core includes recording, preview, feedback metadata, IndexedDB and custom HTTP submissions, including commercial use. Paid licenses unlock only the current implemented Pro gates listed above.
Does Feedclip include AI and issue integrations?+
Feedclip Cloud includes a tenant-scoped feedback inbox with server-side transcription, structured AI analysis, environment context, reproduction steps, suggested next actions, attachment metadata, and copy-ready issue Markdown. Native issue creation and deduplication remain roadmap features.