The Three.js Mobile App Experience is a premium, high-fidelity mobile platform designed to showcase and teach 3D graphics using Three.js within a native Expo/React Native environment.

It serves two primary roles: a learning hub for developers to master 3D web technologies on mobile and a demonstration gallery for high-performance 3D rendering.

Core Features

• Interactive 3D Showcase: A curated gallery featuring various high-quality 3D models including industrial components (Gate Valves, Elbows), furniture (Ash Table, Leather Chair), and consumer products (Detergent and Medicine Bottles). These are rendered in real-time with full orbit control.
• Educational Documentation: A comprehensive learning center with tutorials categorized by difficulty (Beginner, Intermediate, Advanced). Each tutorial includes structured learning content and code snippets.
• Live Code Editor: A robust "Playground" where users can write Three.js code directly on their mobile device and view a live simulation of the results. It includes pre-loaded templates like Cubes, Spheres, and Toruses.
• Themed User Experience: A highly polished UI supporting multiple visual themes (e.g., Standard, Cyber, and Midnight). It uses premium typography (Space Grotesk and Outfit) and fluid animations.
• Interactive Simulations: A unique feature that allows users to "Run Simulation" directly from a documentation page, opening a live 3D preview of the concept being discussed.

Technical Foundation

• Framework: Expo SDK 54 (React Native) with TypeScript.
• 3D Engine: Powered by three.js, integrated via expo-three and expo-gl for native OpenGL ES binding.
• Routing: Uses Expo Router for file-based navigation, implementing a custom bottom tab bar.
• Animations: Leverages react-native-reanimated for smooth UI transitions and micro-interactions.

By leveraging a global ThemeProvider and high-performance OpenGL bindings, this app bridges the gap between web-based 3D graphics and native mobile performance. View on Play Store →

Studio Otaga is a browser-based, drag-and-drop website builder — similar to platforms like Webflow or Wix — built entirely from scratch with React. It empowers users to design complete, multi-page websites visually and export them as production-ready HTML/CSS zip files.

The platform features a three-panel editor architecture:

• Left Panel: An element library where users can pick and drag components (headings, buttons, images, navbars, etc.) onto the canvas.
• Center Canvas: A live visual editor where the site takes shape in real-time.
• Right Panel: A properties inspector to customize styles, text, links, and layout settings.

Beyond visual design, the tool includes advanced features for a complete development workflow:

• Multi-page Support: Users can create and switch between multiple pages like Home, About, and Contact.
• Responsive Preview: Real-time toggling between mobile, tablet, and desktop views to ensure pixel-perfect design across devices.
• Undo / Redo: A full edit history stack allowing for iterative design experimentation.
• Code Export: Generates clean, optimized HTML + CSS and packages it into a .zip file using JSZip for instant hosting anywhere.

Built with a modern tech stack including React, Vite, Firebase Hosting, JSZip, and Lucide-React, Studio Otaga bridges the gap between design and production. View live site →