
rrweb
Loom
Smartlook
WatchThemLive
Hotjar
SessionStack
Loom for Desktop
Screencastify
StackBlitz
CodeSandbox
replit
CodePen
GitHub Codespaces
Glitch
JSFiddle
CodeTasty
Embeddable session replay infrastructure on the open source library the industry standardized on. Record and replay sessions inside your own product, through an unbranded SDK and API.
rrweb
StackBlitzrrweb's answer
Most session replay vendors are building on the engine we maintain. Choosing rrweb means owning that layer directly.
What that gets you in practice: events are plain JSON, so you store them in your own S3, Postgres or stream, keep them in the EU, and delete them on your own schedule. There's no lock-in at the recorder, because if you leave rrweb Cloud your recordings still replay in an open source player. And the plugin API lets you capture things a closed SaaS recorder will never expose, including canvas, WebGL and custom event types.
Where a competitor wins: if you want replay bundled with product analytics, error monitoring and heatmaps in one dashboard, and you never want to think about infrastructure, a full suite like PostHog or Sentry does more out of the box. Several of them sponsor rrweb, and we'd rather people use the right tool than the closest one.
rrweb's answer
Two groups.
Product engineers who need replay inside something they're already building: bug reporting, customer support tooling, QA, AI agent observability, interactive demos. They install the library, own the pipeline, and want format-level control.
Platform teams at companies whose product is replay, or includes it. Observability vendors, analytics suites, co-browsing and customer experience tools. They embed rrweb as the capture layer instead of writing a recorder from scratch, which takes years to get right across browsers, shadow DOM, canvas, iframes and web components.
rrweb's answer
rrweb started in 2018 as one engineer's side project. Yanzhen Yu wanted to record and replay what users actually did in a browser, and published the result under MIT. There's a short documentary about how it came together, in Chinese with English subtitles.
Adoption moved faster than anyone planned for. A core team formed around the project in 2020, and Justin Halsall (Amsterdam), Eoghan Murray (Dublin) and Yun Feng (San Francisco) maintain it today alongside more than 100 contributors. The library now sits at close to 20,000 stars and powers the replay features inside some of the largest observability and analytics products on the market.
The awkward part of that success is that an MIT library carrying replay for billion-dollar companies was still being maintained on evenings and weekends. rrweb Cloud exists to fix that. It's the hosted version of the project, built by the maintainers, based in Amsterdam, and the logic is simple: revenue from Cloud pays for maintainer time on the open source library.
rrweb's answer
The library is roughly 89% TypeScript, deliberately so. Record and replay share a strongly typed event schema, and those types are the contract between the two sides. The remainder is JavaScript, HTML test fixtures, and Svelte for the player UI.
Four packages:
rrweb-snapshot, which serializes the DOM and its state into a JSON tree and rebuilds it rrweb, the record and replay functions rrdom, a virtual DOM that makes replay faster and testable headlessly rrweb-player, the player UI
Underneath it leans on browser primitives: MutationObserver for DOM changes, event listeners for input, scroll and pointer activity, CSSOM for stylesheet state, and patched canvas contexts for 2D and WebGL capture. Events are plain JSON, optionally packed for transport.
Build and test tooling is Yarn, Turborepo, Vite, Vitest, Puppeteer for integration tests, and Changesets for releases. MIT licensed throughout.
rrweb's answer
Sentry Datadog PostHog Amplitude Mixpanel New Relic Pendo Highlight Browserbase StatCounter Requestly Gleap Bird Eats Bug Navattic CUX UXWizz Analyzee SmartX
Sentry, PostHog, Pendo and Highlight also fund the project as sponsors on OpenCollective.
rrweb's answer
rrweb is the recording engine most session replay products are built on. Sentry, PostHog, Pendo, Highlight, Mixpanel, Datadog, Amplitude and New Relic all ship replay built on rrweb or its approach.
It serializes the DOM into a typed JSON event stream: one full snapshot, then timestamped incremental mutations. There is no video. Replay rebuilds the actual page in a browser, so text stays selectable, CSS re-renders at any viewport, and a three-minute session weighs kilobytes instead of megabytes. Because the output is structured JSON, an LLM can read a session directly without a vision model in the loop.
It's MIT licensed with close to 20,000 GitHub stars, so the capture layer is yours to own. rrweb Cloud is the hosted backend from the same maintainers, for teams who don't want to run ingestion, storage and replay infrastructure themselves.
I've started using this as my main IDE for new projects when I'm trying things out. If it keeps getting better at the rate it has been, it'll be even better than coding locally.
Based on our record, StackBlitz seems to be more popular. It has been mentiond 112 times since March 2021. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.
Managing reactive state and dependent computations in JavaScript can get complex, especially when combining asynchronous and synchronous data. RS-X is a library that allows you to bind expressions to plain objects and makes the parts of the model used by those expressions fully reactive. Dependent computations automatically update when the underlying data changes. RS-X is framework-agnostic. While it can drive UI... - Source: Hacker News / 6 months ago
I like htmx, LiveView, React and Solid. They are great at different points, so I try to combine them in Solv (Stateless Offline-capable LiveView) and write a prototype to show the benefits. Solv's main idea is that stateless servers keep client's state in a volatile cache. It enables server components that are also interactive, which is best of both worlds between LiveView and htmx. Then fine-grained reactivity is... - Source: Hacker News / 9 months ago
I like htmx, LiveView, React and Solid. They are great at different points, and this is a prototype trying to combine them. Solv's main idea is that stateless servers keep client's state in a volatile cache. It enables server components that are also interactive, which is best of both worlds between LiveView and htmx. Then fine-grained reactivity is added to achieve efficient DOM updates + minimal payload size.... - Source: Hacker News / 9 months ago
In the code editor tab (powered by StackBlitz), navigate to the env.ts file and enter your OpenAI key. Run npm run generate in the terminal to see how @autoview generates TypeScript frontend code from example schemas derived from both TypeScript types and OpenAPI documents. - Source: dev.to / over 1 year ago
URL: https://stackblitz.com What it does: An online IDE for coding, previewing, and deploying web apps instantly. Why it's great: Rapidly spin up projects without local setups โ great for experimentation. - Source: dev.to / over 1 year ago
Loom - Loom is a screen recording extension for Chrome that gives people the ability to create and share media. Create your own videos using your camera, screen view, and audio. Read more about Loom.
CodeSandbox - Online playground for React
Smartlook - Qualitative analytics for websites and mobile apps Start understanding the 'whys' of your users' behaviors with clear, visual insights. With session recordings and event tracking, you get the complete picture.
replit - Code, create, andlearn together. Use our free, collaborative, in-browser IDE to code in 50+ languages โ without spending a second on setup.
WatchThemLive - Watch Your Product Through the Lens of Your Users. Watch your users' experience in recorded videos, even when they message you on Live support.
CodePen - A front end web development playground.