folkjs [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:
Works
- Notes from the Lab, monthly updates on what we're working on
- We wrote a paper that we submitted to LIVE 2025 called "Live Programming in Hostile Territory".
- Intro to FolkJS @ the Future of Coding Virtual Meetup
- Spatial Canvases: Towards an Integration Domain for HCI @ Tools for Thought Rocks!
- User Agency in Other People's Websites @ JOTB25
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, most of them are just authored in HTML!
- animated shapes on a canvas
- ast gizmos
- bidirectional markdown
- canvasify a html document
- clicklet
- createElement
- css infinite zoom grid underlay
- dataglyphs
- dom selection instrument
- foc meetup 2025
- folk reactive html
- folk repl
- hash module
- html spreadsheet
- hull
- intl number
- knob
- lsp attribute
- photo booth
- pipes
- pluck video frames
- reorderable
- responsive canvas shapes
- self modifying html
- shape attribute
- shape collision detection
- shapes in a canvas
- text fit
- 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
- data over qr video
- folk sync
- peer presence
- webRTC audio
- 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
- cross iframe sticky html arrow
- cross iframe xanadu links
- hyperedges
- proximity based communication
- proximity based music
- sets
- sticky html arrow
- sticky html rope
- xanadu link
- bvh
- fisheye scrolling
- hypertext zui
- quantized space
- radial space
- space stretch
- space transform
- typographic space