Settings

Theme

Ask HN: How to build infinite grid in the browser?

1 points by jbranchaud 2 years ago · 3 comments · 1 min read


If you wanted to build a tool in the browser that allowed you to add, edit, connect, and move elements on an infinite grid like 1) https://natto.dev/example/2444ffca064a4890a7f05ca1de386c5a and 2) https://stately.ai/registry/new, where would you start? How would you build an infinite grid? I kinda expected to find an open source library with the base functionality, but I've turned up nothing so far.

jbranchaudOP 2 years ago

Moveable looks like a super full-featured library for this kind of thing https://daybrush.com/moveable/

solardev 2 years ago

Check out https://konvajs.org/docs/sandbox/Canvas_Scrolling.html

jbranchaudOP 2 years ago

Maybe this: https://interactjs.io/

Keyboard Shortcuts

j
Next item
k
Previous item
o / Enter
Open selected item
?
Show this help
Esc
Close modal / clear selection