My Top Spatial Web Posts from 2023
Published: 2023-12-22 19:34:52

---
title: My Top Spatial Web Posts from 2023
published: true
description: 
tags: 
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/apmq9vp943ukrfjfk9b5.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2023-10-30 20:55 +0000
---

A quick rundown of my posts with the most views and impressions related to the spatial web. I also blog about other topics but the spatial web holds a special place in my heart and I hope all you smart people will keep building it up so it will be more and more awesome every year.

## [Plant Biology Website](https://mattcool.tech/posts/plant-biology-website-part-one)

An exploration of how we can add interactive elements to existing informational websites.

<video autoplay muted loop src="https://i.gyazo.com/331e9f4249f20622f4bf122cea737262.mp4" controls="controls" style="max-width: 730px;">
</video>


<blockquote class="twitter-tweet"><p lang="en" dir="ltr">Plant biology website in a <a href="https://twitter.com/hashtag/MetaQuest3?src=hash&amp;ref_src=twsrc%5Etfw">#MetaQuest3</a>.<a href="https://twitter.com/hashtag/webXR?src=hash&amp;ref_src=twsrc%5Etfw">#webXR</a><a href="https://t.co/iDGatQ0emO">https://t.co/iDGatQ0emO</a> <a href="https://t.co/rMa5Rnq0Ad">pic.twitter.com/rMa5Rnq0Ad</a></p>&mdash; Matt Cool (@MattBCool) <a href="https://twitter.com/MattBCool/status/1712298583305900260?ref_src=twsrc%5Etfw">October 12, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> 



## [Why WebXR? A Web Dev Niche that Could Explode.](https://mattcool.tech/posts/why-webxr-a-web-dev-niche-that-could-explode)

Describing the advantages of building the spatial web. I was hopeful this could be a good starting point. 

There are some other good posts related to this topic from [P. Martin Ortiz](https://rogueengine.io/blog/5-reasons-to-make-web-games-in-2024) and [Jonathan Hale](https://wonderlandengine.com/news/5-benefits-of-webxr/) 

## [Exploring Natuerlich](https://mattcool.tech/posts/exploring-natuerlich-a-revolutionary-interaction-library-for-the-spatial-web)

Provides you with an overview of the Natuerlich library to help you build interactive content.  

## [Building a Web Aquarium](https://mattcool.tech/posts/building-a-web-aquarium-part-one)

Most popular by views on my blog for the year. I hope I can get some motivation to keep building on this concept next year.

<a href="https://gyazo.com/d9993bf51d42629fb062439b20a1aa5a"><video width="1048" autoplay muted loop playsinline controls><source src="https://i.gyazo.com/d9993bf51d42629fb062439b20a1aa5a.mp4" type="video/mp4"/></video></a>

<blockquote class="twitter-tweet" data-media-max-width="560"><p lang="en" dir="ltr">Updated &quot;Building a Web Aquarium&quot; with a new demo video: <a href="https://t.co/KZxn027FYF">https://t.co/KZxn027FYF</a><br><br>This is a live website concept that puts a customizable aquarium in your room. 🐠🪸🐟<br><br>Keep on swimming everybody!<a href="https://twitter.com/hashtag/threejs?src=hash&amp;ref_src=twsrc%5Etfw">#threejs</a> <a href="https://twitter.com/coconut_xr?ref_src=twsrc%5Etfw">@coconut_xr</a> <a href="https://twitter.com/hashtag/r3f?src=hash&amp;ref_src=twsrc%5Etfw">#r3f</a> <a href="https://t.co/JeNsk6KYJK">pic.twitter.com/JeNsk6KYJK</a></p>&mdash; Matt Cool (@MattBCool) <a href="https://twitter.com/MattBCool/status/1719385261212406216?ref_src=twsrc%5Etfw">October 31, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> 


![Web Aquarium](https://i.gyazo.com/e22ff5dd8c965a6cfddce0951bae63c0.gif)

## [AR Chef](https://mattcool.tech/posts/ar-recipe-example)

This one was pretty well received on LinkedIn and still needs a lot of work to be usable but I like the concept.

<a href="https://gyazo.com/b72f494def48abca2f8420c9638916fe"><video width="694" autoplay muted loop playsinline controls><source src="https://i.gyazo.com/b72f494def48abca2f8420c9638916fe.mp4" type="video/mp4"/></video></a>

Some improvements later:
<a href="https://gyazo.com/bc77d29e6f978d8df89d31077c5d39bd"><video width="706" autoplay muted loop playsinline controls><source src="https://i.gyazo.com/bc77d29e6f978d8df89d31077c5d39bd.mp4" type="video/mp4"/></video></a>

## [Pathway to AR on the Web](https://mattcool.tech/posts/paths-to-augmented-reality-on-the-web)

This post doesn't rank yet in views or impressions but I published it late in the year and it's growing fast so adding it to the top 6.

![AR on the web](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/apmq9vp943ukrfjfk9b5.jpg)