A React tiling window manager
Mac window tiling icons & keyboard shortcuts
A list of the icons and keyboard shortcuts for tiling windows on Mac.
The Web Tile Foundry: Mint your own Web Tiles
Mint your own Web Tiles, and keep them in your own atproto repo. A new tool at foundry.thunderbird.cafe, starting with a walking rpg.actor sprite.
tldraw: Infinite Canvas SDK for React
The tldraw SDK provides tools, services, and APIs to build beautiful whiteboards and infinite canvas applications with real-time collaboration and a powerful React-based canvas.
Web Tile Foundry
Mint your own Web Tiles, and keep them in your own atproto repo.
Tilemap Editor - a Hugging Face Space by HugoDzz
Built with SvelteKit and EXE: https://github.com/Hugo-Dz/exe
Tiled rendering
Tiled rendering is the process of subdividing a computer graphics image by a regular grid in optical space and rendering each section of the grid, or tile, separately. The advantage to this design is that the amount of memory and bandwidth is reduced compared to immediate mode rendering systems that draw the entire frame at once. This has made tile rendering systems particularly common for low-power handheld device use. Tiled rendering is sometimes known as a "sort middle" architecture, because it performs the sorting of the geometry in the middle of the graphics pipeline instead of near the end.[1]
Animating CSS Grid Layouts with CSS Anchor Positioning
At CSS Day (back in June), someone asked me how Brave (the browser) might have built their New Tab Page which features some tiles laid out in a grid. While the grid is nothing spectacular, something special happens with it when you resize the viewport: as the available space changes, the grid nicely reorganizes itself in an animated way. The animations are also interruptible, so no View Transitions seem to be at play.So, how did they do it? I’m not sure. But if I were to recreate it, I’d use CSS Anchor Positioning with regular CSS Transitions on top.
GitHub - pmndrs/zustand: 🐻 Bear necessities for state management in React
🐻 Bear necessities for state management in React. Contribute to pmndrs/zustand development by creating an account on GitHub.
React 16.x Roadmap – React Blog
This blog site has been archived. Go to react.dev/blog to see the recent posts. You might have heard about features like “Hooks”, “Suspense”, and “Concurrent Rendering” in the previous blog posts and talks. In this post, we’ll look at how they fit together and the expected timeline for their availability in a stable release of React. An Update from August, 2019 You can find an update to this roadmap in the React 16.9 release blog post. tl;dr We plan to split the rollout of new React features…
konvajs/react-konva
React components for the Konva 2d canvas library. Build interactive graphics, design editors, and whiteboards with JSX.
Using functional lenses we can project a reactive notebook to also be a slide deck (at the same time). observablehq.com/@tomlarkworthy/slides riffed from @jwolondon.bsky.social slides design but with offline-first support
