v1.0  ·  SaaS Platform  ·  RFS-001  ·  July 2026

Make Your Products Float in 3D

Zero-gravity animations. Physics-based interactions. Stunning floating product showcases — no code required. Native Shopify & WooCommerce integration.

0K+ Shopify Stores
0% Conversion Lift
0fps Smooth Render
Live 3D Preview
60 FPS
Core Features

Everything 3D Commerce Needs

From zero-gravity floats to physics bounces — every animation, no code required.

P0 Critical

Zero-Gravity Float

Spring physics (mass=1, tension=40, friction=8) creates hypnotic idle float animation that holds customer attention on product pages.

Spring Physics React Spring v9 60fps GPU
P0 Critical

Hover Rise Effect

Product rises 30px toward viewer on hover. translateY: -30px, scale: 1.05, 300ms smooth transition.

Mouse Events CSS Transform
P0 Critical

Physics Bounce

Click triggers realistic cannon physics impulse bounce using @react-three/cannon physics engine.

Cannon.js Impulse Force
P0 Critical

360° Orbit Controls

Full 3D rotation — drag to orbit, scroll to zoom, pinch to scale on mobile. OrbitControls powered.

OrbitControls Touch + Gyroscope
P1 High

Gallery Mode

Multiple floating products in one showcase — perfect for collections and product ranges with drag & drop builder.

Multi-Product No-Code
P1 High

Analytics Dashboard

Track views, hover events, orbit interactions & add-to-cart conversions. A/B test widget vs no widget.

Conversion Tracking Heatmaps
No-Code Builder

Build Showcases Visually

Drag, configure, publish. Your 3D showcase is live in minutes.

Live 3D Preview
Drag to Orbit  ·  Scroll to Zoom  ·  Click to Bounce
60 FPS Float
Motion Frames

Animation Storyboard

Each frame shows a real physics state — from zero-gravity float to physics bounce to free orbit.

01
Idle Float
Zero-Gravity Spring · mass=1 · tension=40 · friction=8
02
Hover State
Hover Rise translateY: -30px · scale: 1.05 · 300ms
03
Click Bounce
Physics Bounce @cannon impulse · gravity simulation
04
360° Orbit
Free Orbit OrbitControls · drag rotation
05
Entrance
Page Load Float in from bottom · 600ms ease
Phase 2 — Analytics & Commerce Hub

Measure Every 3D Interaction

Real-time conversion tracking, click heatmaps, and native commerce integrations right out of the box.

Real-Time Conversion Lift

Track how 3D product interaction drives add-to-cart rates vs standard static images.

+94% Lift
184.2K 3D Views
2m 38s Avg Engagement
$284.5K Revenue Influenced
Static Image
2.4%
3D Showcase
4.66%
🧪

Built-in A/B Testing

Compare float vs orbit vs bounce animations to see what converts best.

🏆 Winner: Orbit Control (+7.7% lift)
🔌

1-Click Commerce Connect

Direct native integrations with zero code changes.

🛍️ Shopify 🛒 WooCommerce 🌊 Webflow 🌐 Universal HTML
Explore Live Dashboard →
Test drive the full real-time analytics & embed manager
Pricing — ADR-007

Simple, Transparent Plans

From solo merchants to enterprise brands. Target: $15/mo per store · $750 MRR by Month 3.

Monthly Annual Save 20%
Forever Free

Free

$0/mo

Perfect for trying out 3D showcases.

  • 3 products · 50MB GLB limit
  • Basic 3D float animation
  • Showcase3D watermark
  • Shopify integration
  • Analytics dashboard
Pro

Pro

$39/mo

Unlimited scale with full analytics suite.

  • Unlimited products
  • Custom branding
  • Full analytics & heatmaps
  • HDRI environments
  • Priority support
Enterprise

Enterprise

Custom

White-label SLA & dedicated account manager.

  • White-label widget
  • Custom domain embed
  • Team collaboration
  • API access + SSO (SAML)
  • SLA + Dedicated CSM
Architecture Decision Records

Built on Proven Decisions

10 ADRs guiding every technical choice — from rendering engine to plugin strategy.

ADR-001

Frontend Framework

Next.js 14 App Router — SSR, SEO-first, Vercel native, largest 3D ecosystem.

✓ Accepted
ADR-002

3D Rendering Engine

React Three Fiber + Three.js r160 — WebGL GPU-accelerated, hardware rendering, GLTF/GLB support.

✓ Accepted
ADR-003

Animation Library

Framer Motion v11 for UI · React Spring v9 for physics · @react-three/cannon for 3D gravity.

✓ Accepted
ADR-004

Backend & API

Next.js API Routes + Supabase PostgreSQL + Auth + Storage. Stripe v14 for subscriptions.

✓ Accepted
ADR-005

Deployment Strategy

Vercel primary host · Cloudflare CDN/DDoS/DNS · GitHub Actions CI/CD auto-pipeline.

✓ Accepted
ADR-006

Plugin Strategy

Shopify Theme App Extension · WooCommerce WordPress Plugin · JS snippet for any website.

✓ Accepted
ADR-007

Pricing Structure

Free $0 · Starter $15/mo · Pro $39/mo · Enterprise Custom. Target $750 MRR by Month 3.

✓ Accepted
ADR-008

State Management

Zustand for global state (lightweight, zero boilerplate). React Query v5 for server state.

✓ Accepted
ADR-009

Styling System

Tailwind CSS v3 for all UI · shadcn/ui components · No custom CSS framework overhead.

✓ Accepted
ADR-010

3D Model Format

GLB/GLTF industry standard. Max 50MB free, 200MB paid. Auto-optimize via Draco compression.

✓ Accepted

Full Technology Stack

FrameworkNext.js 14.x + App Router
3D EngineThree.js r160 + React Three Fiber v8
3D Helpers@react-three/drei v9
Physics@react-three/cannon v6
UI AnimationsFramer Motion v11
Physics UIReact Spring v9
StylingTailwind CSS v3 + shadcn/ui
StateZustand v4 + React Query v5
DatabaseSupabase v2 (PostgreSQL)
PaymentsStripe v14 · $15/mo billing
HostingVercel + Cloudflare CDN
CI/CDGitHub Actions · auto-deploy
DDD Phases — Development Plan

From Zero to $7,500 MRR

4 development phases · 16 weeks to beta launch · Scaling to 500 paying customers.

01

Foundation & Core 3D

Weeks 1–4
Completed ✓
⌄
02

Showcase Builder, AR & Embed

Weeks 5–8
Completed ✓
⌄
03

Analytics, Polish & Beta Launch

Weeks 9–16
Completed ✓
⌄
04

Scale & Enterprise Growth

Month 5–6+
Active Scale Phase 🚀
⌄
✓ Affiliate program: 30% revenue share
✓ White-label · Custom domain · Team collab · API
✓ Redis cache · Cloudflare R2 · SOC 2 Type II
✓ Target: 2,000 customers · $30,000 MRR

Projected MRR Growth Trajectory

M1M3M6M9M12Y2