CSS Spatial: Wenn Apple das Web in den Raum holt und warum das kein Alleingang werden darf
- CSS Spatial Layout bringt echtes 3D ins Web — nicht als visueller Trick, sondern als Positionierungs-Konzept mit Z-Achse, Tiefe und räumlichen Kontexten.
- Apple hat die Spezifikation als Open-Source-Explainer auf WebKit GitHub veröffentlicht — mit dem klaren Signal: das soll ein W3C-Standard werden, kein Apple-Sonderweg.
- Wer heute mit OpenUSD, USDZ und WebAR arbeitet, baut bereits auf der Infrastruktur, die CSS Spatial zur Standardisierung braucht.
Es war gestern ein ganz normaler Dienstag bei der USD-Working-Group-Session. Thema: CSS Spatial Layout. Apple-Engineers präsentieren einen GitHub-Explainer, der auf den ersten Blick nach Webstandard-Bürokratie klingt — inset-back, spatial: portal, position: spatial-absolute.
Meine Reaktion: Hammer – Endlich.
Machen wir schon, teils in Demos.
Der Vorschlag "CSS Spatial" ergänzt eine bestehende Website um eine dritte Dimension — sie ersetzt sie nicht. Auf passenden Geräten erscheinen Inhalte räumlich. Auf allen anderen bleibt alles wie gewohnt. Keine neue Website, keine neue Programmierung.
Es ist dasselbe Prinzip wie Responsive Design: eine Website, die auf unterschiedlichen Geräten unterschiedlich optimal dargestellt wird. Wir sprechen da seit ein paar Jahren von Spatial Websites.
Zusammenfassung von Gerhard Schröder
Denn was da als neuer Webstandard vorgeschlagen wird, ist im Kern das, was wir bei viSales seit 2022 mit USDZ, AR Quick Look und OpenUSD bauen. Demos oder Produkte, die tatsächlich vor der Seite schweben. Umgebungen, die hinter dem Browser existieren. Räumliche Kontexte, ohne dass der Nutzer eine App installieren muss.
Beispiel-Video von mir aus dem Jahr 2023. Erkennt der Leser das Titelbild-Motiv dieses Artikels wieder?
2022-2026: Evergreen-Lesetipps von mir
Einige frühere Texte von mir zu dem Thema "3D-Websites":
- Spatial Presentation & 3D-Website auf der Campixx 2023 — schon damals: 3D-Inhalte direkt im Raum, kein App-Download.
- AR Website Environment, Apple Vision Pro & OpenUSD (2024) — wie wir Websites als Spatial Environments gebaut haben, bevor es den CSS-Standard dafür gab.
- Einstieg Spatial Content im Marketing (2025) — das vollständige Format-Spektrum: von Spatial Foto bis USDZ-Konfigurator.
- Mosaic 2 und visionOS 26 (2026) — spatial-backdrop als erster HTML-Tag für räumliche Website-Umgebungen.
- Was ist eine Spatial Website? — die 5 Ausbaustufen, von AR-Bild bis Website-Environment.
- RENZ Case Study — ein AR-Produktkonfigurator mit USDconfig 1.0, der heute schon so arbeitet, wie CSS Spatial es morgen standardisieren soll.
- USDconfig — unser neues Produkt — OpenUSD-basierter Konfigurator ohne App, ohne Medienbruch.
- AR-Stuhl-Konfigurator mit USDZ (2022) — das war 2022. CSS Spatial macht aus dieser Idee einen Webstandard.
- Video: das <model>-Tag erklärt — das HTML-Element, das 3D-Objekte nativ ins Web bringt. Direkte Vorstufe zu CSS Spatial.
CSS Spatial Layout: Was der neue Web-Standard für 3D im Browser bedeutet
Apples CSS-Spatial-Proposal ist keine Spielerei. Es ist der Versuch, räumliches Rechnen ins offene Web zu holen — und damit aus dem App-Store-Ghetto zu befreien. Die Frage ist nicht ob das kommt. Die Frage ist: kommt es als echter Standard, oder als Apple-Standard?
Der Explainer definiert zwei neue Kontexte:
- spatial: page lässt Inhalte vor der Seite erscheinen — klassisches AR, nur per CSS deklariert.
- spatial: portal öffnet ein Fenster in eine 3D-Welt dahinter.
- Dazu kommen neue Properties für die Z-Achse: inset-back, inset-front, position: spatial-absolute.
Wer CSS-Grid kennt, wird sich schnell zurechtfinden. Wer noch nie ein USDZ-Modell deployiert hat, wird erst mal googeln.
Das Besondere: Apple hat das nicht als Feature-Announcement gemacht. Kein Keynote-Moment. Kein 'one more thing'. Sondern still und leise als öffentlichen GitHub-Explainer — dem typischen Einstiegs-Dokument für einen W3C-Standardprozess.
Das ist ein bewusstes Signal an die Industrie.
Wenn Apple früh spricht: Die Apple-Talk-Lektion
Hier ist mein Realitäts-Anker aus der Apple-Geschichte:
Apple hatte mal ein eigenes Netzwerkprotokoll. AppleTalk. Funktionierte innerhalb des Apple-Ökosystems wunderbar. In der restlichen Welt? Niemand interessierte sich dafür.
TCP/IP setzte sich durch — aber nicht weil Apple es wollte. Zuerst hatte nur eine kleine inoffizielle Entwicklertruppe bei Apple daran gearbeitet. Erst mit der Rückkehr von Steve Jobs, der Fusion der Apple- und NeXT-Teams, kam die offizielle Abkehr von AppleTalk und die echte TCP/IP-Integration ins Mac OS. Wer das miterlebt hat, erinnert sich: Es war knapp.
Beim CSS Spatial Proposal deutet vieles darauf hin, dass Apple diesmal früher denkt. Der Spatial-Computing-Markt ist winzig. Apple Vision Pro, Android XR, Meta Quest — zusammen ein Nischenmarkt. Einen fragmentierten Nischenmarkt kann sich niemand leisten. Nicht Apple. Nicht Google. Nicht die Entwickler, die darauf aufbauen sollen.
Meine Vermutung — und dafür spricht das frühe Open-Sourcing des Explainers: Apple hat aus der AppleTalk-Geschichte gelernt. Sie wollen einen Standard, der auch auf AndroidXR läuft. Weil ein kleiner, kompatibler Markt besser ist als ein fragmentierter, in dem keiner richtig Geld verdient — auch Apple nicht.
WebAR und OpenUSD in der Praxis: Was Unternehmen heute schon bauen können
Was das bedeutet, sehen wir bereits heute: Mit USDconfig, unserem OpenUSD-basierten Konfigurator — bauen wir genau das, was CSS Spatial als Standard beschreiben will: 3D-Inhalte, die im Browser positioniert werden, ohne App, ohne Format-Umweg. Der RENZ-USDconfig-Konfigurator V.2 läuft heute so. CSS Spatial würde dafür irgendwann das deklarative CSS-Gerüst liefern.
Wer also jetzt mit OpenUSD, USDZ und WebAR arbeitet, baut nicht auf einer Insellösung. Er baut auf der Infrastruktur, die dieser Standard braucht, um zu funktionieren. Das ist der eigentliche strategische Vorteil — nicht irgendwann CSS Spatial zu verstehen, sondern es schon zu leben, bevor das erste Browser-Update es verankert.
Offener Standard oder Apple-Sonderweg? Die entscheidende Frage für Spatial Computing
CSS Spatial ist Apples Einladung an die Webentwickler-Welt, Spatial Computing ernstzunehmen — ohne Apple-Vision-Pro-Pflicht, ohne App Store. Ob die Einladung angenommen wird, hängt davon ab, ob andere Browser-Hersteller mitziehen. Das ist die einzige offene Frage, die zählt.
Ich tippe: Sie machen es. Weil der Markt zu klein ist für Alleingänge. Und weil Apple dieses Mal früh genug angeklopft hat.
Quelle: CSS Spatial auf GitHub & USD-WG Zoom-Call.
→ OpenUSD v26.03: Was das Release für Maschinenbau & Industrie bedeutet
→ WWDC26: Prognosen* zum Thema 3D & AR von viSales
→ Apple hat die Kauf-direkt-in-AR-Taste: AR Quick Look mit Banner
Weitere OpenUSD-Technik-News.
Realitätscheck
CSS Spatial kommt von Apple. Der Explainer liegt auf WebKit GitHub. Die Autoren — Ada Rose Cannon, Elika Etemad — sind Industrienamen. Klingt offen. Klingt gut.
Aber: Apple kontrolliert die Referenzimplementierung. WebKit ist Apples Engine. Safari ist Apples Browser. Und wer legt fest, was spatial: portal auf einem Android-Gerät bedeutet? Bisher niemand — weil es noch keine Android-Antwort gibt.
AndroidXR steckt in den Kinderschuhen. Google hat mit WebXR einen eigenen Standard, der ausbaufähig ist. Microsoft hat Mesh. Meta hat Horizon. Das Risiko: Alle warten ab, wer sich durchsetzt — und am Ende haben wir drei inkompatible 'offene' Standards. Das wäre die Fragmentierung, die Apple eigentlich verhindern will.
Der optimistische Ausgang: Apple gibt früh genug den Impuls, damit W3C und WHATWG das übernehmen und eine echte Cross-Plattform-Spezifikation entsteht.
Dafür war der USD-Working-Group-Vortrag am 21. April 2026 ein gutes Signal, denn Ada Rose Cannon ist "Co-chair of the W3C Immersive Web Working Group" und Elika Etemad ist "W3C CSS Working Group Invited Expert".
Der pessimistische Ausgang: CSS Spatial wird das neue -webkit--Präfix. Funktioniert auf Apple-Geräten wunderbar. Auf dem Rest der Welt: leer.
Ich bin bei den 2 Personen auf der positiven Seite!
In 30 Minuten sortieren wir gemeinsam, ob und wo räumliche Darstellung in eurem Vertrieb konkret etwas bringt — ohne Pitch, ohne Angebot. Kein Verkaufsdruck, eine ehrliche Einordnung. Rheingas & EnBW haben so angefangen.
→ Einordnungsgespräch buchen
Fragen zu CSS Spatial
Ersetzt CSS Spatial meine bestehende Website — oder kommt noch eine dazu?
Weder noch: CSS Spatial ergänzt eine vorhandene Website um räumliche Darstellung. Auf Geräten wie iPhone, iPad oder Apple Vision Pro erscheinen bestimmte Inhalte dann in 3D — auf allen anderen Geräten bleibt die Website exakt wie sie ist. Kein Neuaufbau, keine parallele 3D-Seite, keine Zusatzkosten für eine zweite Website. Es ist dasselbe Prinzip wie Responsive Design: eine Website, die auf unterschiedlichen Geräten unterschiedlich optimal dargestellt wird.
Was ist CSS Spatial Layout?
CSS Spatial Layout ist ein von Apple vorgeschlagener Web-Standard, der echtes 3D-Positionieren im Browser ermöglicht — mit Z-Achse, Tiefenebenen und räumlichen Kontexten, direkt per CSS deklariert, ohne JavaScript-Rendering-Bibliotheken.
Wann kommt CSS Spatial in Browser?
Noch kein Datum. Der Explainer ist ein früher Standardisierungs-Impuls. Der Weg von GitHub-Explainer zu W3C-Spezifikation zu Browser-Implementierung dauert typischerweise 2–4 Jahre.
Funktioniert CSS Spatial auch auf Android?
Noch nicht — der Standard ist browserunabhängig gedacht, aber aktuell nur im WebKit-Ökosystem (Safari) beschrieben. Ob Chrome und Firefox folgen, entscheidet sich im Standardisierungsprozess.
Was hat das mit OpenUSD zu tun?
CSS Spatial positioniert räumliche Elemente — was genau gerendert wird, ist Aufgabe von Formaten wie USDZ/OpenUSD oder dem <model>-HTML-Element.
Beide Technologien ergänzen sich: CSS für Layout, USD für die 3D-Inhalte.
Muss ich jetzt alles neu bauen?
Nein. Wer heute WebAR mit USDZ und OpenUSD aufbaut, ist gut positioniert. CSS Spatial liefert irgendwann das standardisierte Gerüst dafür — die Inhalte und Workflows bleiben dieselben.
