
CodePen
JSFiddle
CodeSandbox
GitHub
replit
VS Code
Pastebin.com
JS Bin
rrweb
Loom
Smartlook
WatchThemLive
Hotjar
SessionStack
Loom for Desktop
Screencastify
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.
CodePen
rrwebrrweb'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.
Based on our record, CodePen seems to be more popular. It has been mentiond 512 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.
Thank you, heartfelt... For sharing an artwork, a miracle! Just in case, have you considered publishing the work at platforms as CodePen, where genius Artists/People express their art, too, as you?: // https://codepen.io/. - Source: Hacker News / 19 days ago
Embed on DEV: If you prefer CodePen embed, create a Pen with that HTML and add to the post as: {% codepen https://codepen.io//pen/ %}. - Source: dev.to / 9 months ago
CodePen is where creativity meets frontend code. You can write HTML, CSS, and JavaScript and see results instantly in the browser. - Source: dev.to / 11 months ago
For those preferring agent-based approaches, Replit Agent shines. Khris Steven, Founder of KhrisDigital Marketing, notes, "You can simply describe what you want your app to do in plain English, and Replit Agent will generate the code and deploy it." This natural language interface fosters collaboration, turning ideas into deployable apps in minutes. - Source: dev.to / 12 months ago
After wrapping everything up, I hosted the final toggle on CodePen so others could test it out and learn from the approach. What started as a simple idea became a complete, responsive, and accessible component, thanks to a process that blended creativity with automation. - Source: dev.to / 12 months ago
JSFiddle - Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
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.
GitHub - Originally founded as a project to simplify sharing code, GitHub has grown into an application used by over a million people to store over two million code repositories, making GitHub the largest code host in the world.
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.