Transforming industries, lives, and realities through XR development.


Current products

See what we’ve accomplished with our partnerships to date.
We’re delivering XR solutions to new problems every day.

Why choose Lobaki?

We do things differently at Lobaki. Our work is designed to inspire curiousity, exploration, and discovery.

Solving pain points

XR has the potential to transform how problems are solved at scale for business of all sizes.

Why choose Lobaki?


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. - quote -

Include link to project page (case study) on Lobaki site.
Clients name and business name. Photo of client would be good to add a personal touch.

Lobaki interchangeable geometric tribal animal mascot here.



step one

Training workers to design XR

step two

Projects developed for business

step three

Success generated for biz, revenues for Lobaki

step four

More demand grow in XR space with success


Solving pain points


Employee Training & Safety



FAQ About Lobaki

  • Languages Used

    This page was written in HTML and CSS. The CSS was compiled from SASS. I used Normalize as my CSS reset and -prefix-free to save myself some headaches. I haven't quite gotten the hang of Slim for compiling into HTML, but someday I'll use it since its syntax compliments that of SASS. Regardless, this could all be done in plain HTML and CSS.

  • How it Works

    Using the sibling and checked selectors, we can determine the styling of sibling elements based on the checked state of the checkbox input element. One use, as demonstrated here, is an entirely CSS and HTML accordion element. Media queries are used to make the element responsive to different screen sizes.

  • Points of Interest

    By making the open state default for when :checked isn't detected, we can make this system accessable for browsers that don't recognize :checked. The fallback is simply an open accordion. The accordion can be manipulated with Javascript (if needed) by changing the "checked" property of the input element.