Examples

Browse complete PlayHTML recipes and smaller live demos from across the docs. Recipes open on their own page and can be remixed in the playground. Docs demos jump to the guide that explains them. The newest sites people made with PlayHTML show at the top. The full list lives in the playhtml.fun gallery.

To test a collaborative example, open it in two browser windows. Use a regular and private window, or use two different browsers. Then follow the steps on the example page.

Search examples

24 examples

Newest community sites

See all in the gallery

Loading sites…

Examples

Show all 24

Recipestarter

Drag with can-move

Drag two shared stickers inside a bounded area and keep their positions across reloads.

• can-move
• dragging
• bounds

Open exampleRemix

Recipestarter

Switch with can-toggle

Share one persistent on or off switch with every connected browser.

• can-toggle
• switch
• boolean

Open exampleRemix