⚙️

Design System Toolkit

Building bridges between traditional UI components and immersive augmented reality interfaces

Explore the Toolkit

AR-Ready Components

This toolkit provides developers with ready-to-use UI components specifically engineered for augmented reality workflows. Each component follows Figma-based design tokens while incorporating spatial awareness for immersive environments.

320+ UI components with AR adaptations
Real-time collaboration features
Open source documentation
🕶️

3D UI component preview in progress...

Toolkit Capabilities

Tools to build UIs that transition seamlessly between 2D and 3D spatial interfaces

📱

Traditional UI Mode

Complete responsive design system with accessibility features, dark themes, and responsive grid layouts

Mobile-first responsive design
🕶️

AR Mode

Spatial UI components with lightfield projection, depth sensors, and raycasting interactions

6DOF spatial positioning
🏗️

Technical Stack

The toolkit integrates with modern web standards while supporting AR-specific extensions. It uses WebGL for rendering, Three.js for 3D components, and WebXR for spatial input handling.

Core Technologies

• React-based component framework

• Tailwind CSS with AR-specific utilities

• WebXR Device API integration

Experimental Features

• Depth sensor simulation

• Holographic rendering modes

• Voice command integration

View Technical Docs

Building for Tomorrow

Join the design revolution that connects digital and physical experiences