Every component page on gridland.io embeds a live, interactive gridland app rendering through the canvas. That meant we needed a docs framework with first-class MDX and the ability to mount arbitrary React inside content pages without fighting the build. Fumadocs handles both cleanly, and its Next.js integration works out of the box.
gridland is built on OpenTUI, which includes its own bun-native TUI rendering engine written in Zig. Using Bun allows gridland apps to be compiled into portable, fast binaries.
gridland allows you to render React into both the browser and the terminal. In the browser, it renders to a custom HTML canvas. In the terminal, it renders with OpenTUI.
We built gridland's component registry on with shadcn, a library that most of our users are already familiar with. You can install a gridland component via `bunx create-gridland add modal` to copy the source into your codebase so that you own your components from day one.
gridland uses three Vercel tools: Next.js, Vercel AI SDK, and shadcn. Next.js powers gridland.io, hosting the docs, and serving the shadcn components. gridland components themselves are all shadcn components served via our shadcn registry. Vercel AI SDK powers the AI chat interface block.