Folk Canvas [Github]
- How do we make the web feel more alive and less rigid and closed off?
- How can we more easily compose web pages and their data together?
- How seamlessly can we turn an HTML document into a spatial canvas and visa versa?
- What would it look like if the browser had primitives for building spatial canvases?
- How can we annotate, re-layout, and program web pages we did not make or distribute?
- How can we compose visual programming interfaces, hypermedia, and LLMs that can be embedded into on any web page?
- How can we use spatial qualities like proximity and connection as a communication channel for hypermedia and websites to communicate with each other?
For a quick overview and more context please watch this presentation by Chris:
For a more in-depth dive into what we're exploring, check out this presentation from Orion:
Experiments from the lab
These experiments (like this page) are very raw, intended to poke at new primitives and ideas. Make sure to checkout the dev tools, all of these are just authored in HTML!
- animated shapes on a canvas
- bvh
- canvasify a html document
- cross iframe sticky html arrow
- css infinite zoom grid underlay
- dataglyphs
- foc meetup 2024
- hash module
- html spreadsheet
- intl number
- knob
- proximity based communication
- proximity based music
- responsive canvas shapes
- self contained html
- shape attribute
- shape collision detection
- shapes in a canvas
- fluid semantic zoom in a canvas
- projector
- semantic zoom in a canvas
- spreadsheet graph projection
- spreadsheet shape projection
- data over audio
- data over gundb
- data over mqtt
- data over qr
- data over qr audio
- folk sync
- peer presence
- webRTC gundb
- async propagators
- audio beats with event propagators
- cutting event propagators
- embeddable llm with propagators
- event propagators
- event propagators with device gravity
- event propagators with semantic zoom
- event propagators with weather
- folk interface for qr codes
- music crossfader
- proximity based communication and event propagators
- spreadsheet map propagator
- web applets
- webllm with propagators
- fisheye scrolling
- hypertext zui
- quantized space
- radial space
- space stretch
- space transform
- typographic space