33< head >
44 < meta charset ="utf-8 " />
55 < meta name ="viewport " content ="width=device-width, initial-scale=1 " />
6- < title > BasisVR - Open-Source Social & Networked VR </ title >
6+ < title > BasisVR - Creator-First, Creative Freedom </ title >
77
88 < meta name ="description " content ="Basis lets you set up your own Social VR and Networked VR games with ease. MIT-licensed, open development, optional mods, and tools to equip VR creators. " />
99 < meta property ="og:title " content ="BasisVR - Open-Source Social & Networked VR " />
8686 <!-- Hero -->
8787 < header class ="mt-12 text-center ">
8888 < h1 class ="text-4xl font-extrabold sm:text-6xl ">
89- Build Social & Networked < span class ="bg-gradient-to-r from-brand to-purple-600 bg-clip-text text-transparent "> VR experiences </ span > fast.
89+ < span class ="bg-gradient-to-r from-brand to-purple-600 bg-clip-text text-transparent "> Creator-First, Creative Freedom </ span >
9090 </ h1 >
9191 < p class ="mt-5 max-w-2xl mx-auto text-base text-gray-600 dark:text-gray-300 ">
92- < strong > BasisVR </ strong > lets you set up your own Social VR and Networked VR games with ease. MIT-licensed, open-source, and designed for creators.
92+ < strong > Basis </ strong > lets you set up your own VR games with ease. MIT-licensed, open-source, and designed for creators. strong systems for networking, user inputs, user presence .
9393 </ p >
9494 < div class ="mt-8 flex flex-wrap justify-center gap-3 ">
9595 < a href ="https://github.com/BasisVR/basis " target ="_blank "
96- class ="inline-flex items-center gap-2 rounded-2xl bg-white px-5 py-3 text-sm font-semibold text-gray-900 shadow ring-1 ring-gray-200 hover:bg-gray-50 dark:bg-white/10 dark:text-white dark:ring-white/10 ">
96+ class ="inline-flex items-center gap-2 rounded-2xl bg-white px-5 py-3 text-sm font-semibold text-gray-900 shadow ring-1 ring-gray-200 hover:bg-gray-50 dark:bg-white/10 dark:text-white dark:ring-white/10 ">
9797 GitHub
9898 </ a >
9999
@@ -104,21 +104,78 @@ <h1 class="text-4xl font-extrabold sm:text-6xl">
104104 </ a >
105105
106106 < a href ="https://docs.basisvr.org/docs/getting-started " target ="_blank "
107- class ="inline-flex items-center gap-2 rounded-2xl bg-white px-5 py-3 text-sm font-semibold text-gray-900 shadow ring-1 ring-gray-200 hover:bg-gray-50 dark:bg-white/10 dark:text-white dark:ring-white/10 ">
107+ class ="inline-flex items-center gap-2 rounded-2xl bg-white px-5 py-3 text-sm font-semibold text-gray-900 shadow ring-1 ring-gray-200 hover:bg-gray-50 dark:bg-white/10 dark:text-white dark:ring-white/10 ">
108108 Documentation
109109 </ a >
110110
111111 < a href ="https://basisvr.org/philosophy " target ="_blank "
112- class ="inline-flex items-center gap-2 rounded-2xl bg-white px-5 py-3 text-sm font-semibold text-gray-900 shadow ring-1 ring-gray-200 hover:bg-gray-50 dark:bg-white/10 dark:text-white dark:ring-white/10 ">
112+ class ="inline-flex items-center gap-2 rounded-2xl bg-white px-5 py-3 text-sm font-semibold text-gray-900 shadow ring-1 ring-gray-200 hover:bg-gray-50 dark:bg-white/10 dark:text-white dark:ring-white/10 ">
113113 Philosophy
114114 </ a >
115115
116116 < a href ="funding.html "
117- class ="inline-flex items-center gap-2 rounded-2xl bg-white px-5 py-3 text-sm font-semibold text-gray-900 shadow ring-1 ring-gray-200 hover:bg-gray-50 dark:bg-white/10 dark:text-white dark:ring-white/10 ">
117+ class ="inline-flex items-center gap-2 rounded-2xl bg-white px-5 py-3 text-sm font-semibold text-gray-900 shadow ring-1 ring-gray-200 hover:bg-gray-50 dark:bg-white/10 dark:text-white dark:ring-white/10 ">
118118 Funding
119119 </ a >
120120 </ div >
121121 </ header >
122+ <!-- What is Basis -->
123+ < section id ="what-is-basis " class ="mx-auto mt-12 max-w-3xl ">
124+ < div class ="rounded-2xl border border-gray-200/70 dark:border-white/10 bg-white/70 dark:bg-white/5 shadow-soft p-6 ">
125+ < h2 class ="text-2xl font-bold "> What is Basis?</ h2 >
126+ < p class ="mt-3 text-gray-700 dark:text-gray-300 ">
127+ < strong > Basis is a foundation for your game project.</ strong >
128+ </ p >
129+ < p class ="mt-3 text-gray-700 dark:text-gray-300 ">
130+ If you have an idea for a game but are overwhelmed by the massive amount of work it takes to support VR, look no further.
131+ We cover the basics for you: XR input, audio, player controller, networking, asset bundle loading, and more.
132+ </ p >
133+ < ul class ="mt-4 space-y-2 text-gray-700 dark:text-gray-300 list-disc pl-5 ">
134+ < li > < strong > Making a game?</ strong > Focus on art and gameplay.</ li >
135+ < li > < strong > Hosting an event?</ strong > Design the venue and the flow.</ li >
136+ < li > < strong > Have an idea but overwhelmed by VR plumbing?</ strong > Use Basis as the starting point.</ li >
137+ </ ul >
138+ < details class ="mt-5 group ">
139+ < summary class ="cursor-pointer font-semibold text-gray-900 dark:text-gray-100 "> Technically…</ summary >
140+ < div class ="mt-3 text-gray-700 dark:text-gray-300 space-y-3 ">
141+ < p > < strong > Framework</ strong > = a set of Unity/C# libraries and a demo showing how components fit together. Built with URP, targeting IL2CPP.</ p >
142+ < p > It focuses on the three building blocks of good VR:</ p >
143+ < ol class ="list-decimal pl-5 space-y-1 ">
144+ < li > < strong > Presence</ strong > — feeling like you exist in a space.</ li >
145+ < li > < strong > Spatialization</ strong > — your actions affect objects in physical space.</ li >
146+ < li > < strong > Embodiment</ strong > — a tight, continuous loop between your body and its representation.</ li >
147+ </ ol >
148+ </ div >
149+ </ details >
150+ </ div >
151+ </ section >
152+
153+ <!-- Sustainability & Governance -->
154+ < section id ="sustainability " class ="mx-auto mt-16 max-w-3xl ">
155+ < h2 class ="text-3xl font-bold "> Sustainability & Governance</ h2 >
156+ < p class ="mt-4 text-gray-700 dark:text-gray-300 ">
157+ Basis survives thanks to a mix of < strong > community donations</ strong > and < strong > collaborations with companies</ strong >
158+ who build products on top of the framework. By < strong > bundling funds from multiple organizations</ strong > ,
159+ we tackle hard problems that benefit everyone—examples include work like the < em > jiggle system</ em > and < em > QUIC integration</ em > .
160+ </ p >
161+ < p class ="mt-4 text-gray-700 dark:text-gray-300 ">
162+ Today, < strong > Dooly works full-time on Basis</ strong > , and donations directly support their livelihood and the project’s momentum.
163+ </ p >
164+ < p class ="mt-4 text-gray-700 dark:text-gray-300 ">
165+ Basis is operated by < strong > the Pillars</ strong > —trusted contributors who keep the effort on the narrow straight,
166+ ensuring the project stays aligned and does not get derailed.
167+ </ p >
168+ < div class ="mt-6 flex flex-wrap gap-3 ">
169+ < a href ="https://opencollective.com/basis " target ="_blank "
170+ class ="inline-flex items-center gap-2 rounded-2xl bg-emerald-500 px-5 py-3 text-sm font-semibold text-white shadow hover:shadow-lg focus:outline-none focus-visible:ring-2 focus-visible:ring-brand ">
171+ Support via OpenCollective
172+ </ a >
173+ < a href ="https://discord.gg/v6ve6WT562 " target ="_blank "
174+ class ="inline-flex items-center gap-2 rounded-2xl bg-indigo-600 px-5 py-3 text-sm font-semibold text-white shadow hover:shadow-lg focus:outline-none focus-visible:ring-2 focus-visible:ring-brand ">
175+ Join the Discord
176+ </ a >
177+ </ div >
178+ </ section >
122179
123180 <!-- Banner -->
124181 < section class ="mx-auto mt-14 max-w-5xl ">
@@ -142,7 +199,7 @@ <h2 class="text-3xl font-bold sm:text-4xl">Load Test Showcase</h2>
142199 class ="w-full object-cover aspect-video " />
143200 </ div >
144201 < figcaption class ="mt-3 text-sm text-gray-500 dark:text-gray-400 ">
145- We run load tests regularly on the Basis demo to push limits and improve stability.
202+ We run load tests regularly on the Basis demo to push limits and improve stability. join the discord for more information!
146203 </ figcaption >
147204 </ section >
148205
0 commit comments