playground-elements

Serverless coding environments for the web. (by google)

Playground-elements Alternatives

Similar projects and alternatives to playground-elements

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a better playground-elements alternative or higher similarity.

playground-elements reviews and mentions

Posts with mentions or reviews of playground-elements. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2024-01-06.
  • In-Browser Code Playgrounds
    2 projects | news.ycombinator.com | 6 Jan 2024
    This one worked pretty great for my purposes. https://github.com/google/playground-elements

    Of course if you’d rather build your own less functional copy from scratch in order to waste several months and avoid shipping, I have some colleagues you might enjoy working with.

  • MDN Playground
    6 projects | news.ycombinator.com | 20 Jul 2023
    If you ever want to add a client-side-only playground to your own site, have a look at the Playground Elements project: https://github.com/google/playground-elements

    It's a set of custom elements and a service worker that populate an iframe with the contents of the code editor with no server, but in a way that looks like real network requests to the iframe.

    This means you get a root HTML page and all the right loading behavior and ordering as a real hosted web page. Inspect the iframe with devtools and you see exactly what you wrote, nothing added by the playground.

    The elements also support Node-style import specifier resolution, pulling npm dependencies automatically from unpkg.com, TypeScript, and JSX.

    And the elements are very configurable. You have drop in a tabbed-editor and preview combo element, or you can separate the preview and editors for each file - which lets you write prose around each.

Stats

Basic playground-elements repo stats
2
487
4.8
5 days ago

google/playground-elements is an open source project licensed under BSD 3-clause "New" or "Revised" License which is an OSI approved license.

The primary programming language of playground-elements is TypeScript.


Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com