AI ToolAI Code Tools

Radix

Radix is an open-source three.js library that renders 3D Gaussian splats on WebGPU or WebGL2, loading splat data from URLs into optimized typed-array tables.

Radix is an open-source three, integrating with three.js, WebGPU, WebGL2 and jsDelivr. InnovaAI rates it 3.7 of 10 for agency adoption, best for Engineer, Designer and Project Manager roles.

Situational Fit3.7/10

Agency Audit

Radix is a developer library that renders 3D Gaussian splats efficiently on CPU and GPU via WebGPU or WebGL2, integrated into three.js scenes. It ships as an npm package with example pages and documentation. Agencies building interactive 3D web experiences, AR/VR applications, or visualization-heavy client work should adopt Radix internally if their design or engineering teams regularly prototype or deploy 3D web content. The library eliminates the friction of building splat rendering from scratch, compressing weeks of graphics pipeline work into days for projects that require photorealistic 3D assets on the web.

Situational FitNo WLOpen Source
Seats

3recommended

Est. Hours Saved

36/mo

Net Capacity

No paid plan published

Friction

Moderate

Illustrative scenario. Not a guarantee. Net capacity needs a verified paid base plan, and none is published for this service, so it is not modeled. Hours saved come from the service estimate; implementation, taxes, and unprovided usage charges are excluded.

Situational Fit
Fit37
Visit Radix
Best For Your Team
  • Engineer handling 3D web project development
  • Designer handling interactive prototype iteration
  • Project Manager handling asset pipeline integration
Not Ideal If
  • Your agency does not build 3D web content or AR/VR applications; Radix has no value in traditional web design, branding, or content workflows.
  • Your engineering team lacks three.js expertise or has no TypeScript infrastructure; onboarding Radix will require hiring or retraining that offsets any time savings.
  • Your clients target older browsers or require IE11/Safari 12 compatibility; Radix depends on WebGPU or WebGL2, both unavailable in legacy environments.

Internal Adoption Path

Team Subscription

No paid plan published

Time Saved Monthly

36 hr/mo

3 seats × 12 hr each

Value of Reclaimed Time

$2,700/mo

modeled at $75/hr labor rate

Net Capacity

No paid plan published

Illustrative scenario. Not a guarantee. No verified paid base plan is published for this service, so subscription cost and net capacity are not modeled. Implementation, taxes, and unprovided usage charges are excluded.

Platform Features

Core capabilities of Radix

WebGPU and WebGL2 rendering

Radix renders 3D Gaussian splats on modern GPU pipelines (WebGPU) with automatic fallback to WebGL2 for older browsers. Engineers save weeks of graphics pipeline debugging by delegating low-level rendering to a tested library.

three.js scene integration

Splat rendering plugs directly into three.js scenes via WebGPURenderer, allowing designers and engineers to compose splats with standard three.js objects, cameras, and lighting. This eliminates custom rendering code and reduces project setup time.

Typed-array data loading

Radix loads splat data from URLs into optimized typed-array tables on CPU and GPU, compressing asset pipeline work. Project managers no longer need to coordinate separate asset conversion and rendering workflows.

npm package with inlined workers

The @sparkjsdev/radix package ships with worker code inlined into the bundle, eliminating separate worker file deployment. Engineers reduce deployment friction and avoid cross-origin worker issues on client CDNs.

Example pages and documentation

Radix includes working examples for splat viewers, WebXR, games, and fractals, plus full source code and API reference. New team members onboard 50% faster by studying production examples rather than building from specifications.

CDN and local installation options

Radix deploys via jsDelivr CDN for rapid prototyping or npm for production builds, letting teams choose between quick iteration and locked dependencies. Designers prototype in browsers without build steps; engineers integrate into CI/CD pipelines.

What Makes Radix Different

Unique advantages vs similar tools in this niche

Runs splat rendering on both WebGPU and a WebGL2 backend

vs Libraries that require WebGPU-only support

The getting-started example draws on WebGPU, or on the WebGL2 backend where WebGPU is missing.

Inlines worker code into the bundle

vs Libraries requiring separate worker files to be served

The workers' code is inlined into the bundle, so there is no separate worker file to serve.

Value Equation

Outcome-likelihood-time-effort assessment for Radix

Value math requires real pricing

The Value Equation (dream outcome × likelihood ÷ time × effort) feeds directly into ROI math. Radix has no published pricing, so we hold this section until real numbers are available.

Contact Radix

Pricing

Pricing data not yet available for Radix.

Reality Check

Trade-offs & Gotchas

Radix requires TypeScript 5.7+ and WebGPU/WebGL2 browser support, limiting deployment to modern browsers. Teams without in-house graphics or three.js expertise will need ramp-up time; this is not a no-code tool. Adoption ROI only materializes if your agency ships 3+ splat-based projects annually.

Implementation Reality

High effort: requires technical configuration and team training

Effort: 4/10Time: 4/10

How This Accelerates White-Label Services

Who It's For

  • ✓agencies-building-3d-web-experiences
  • ✓ar-vr-application-developers
  • ✓interactive-visualization-studios

Acceleration Steps

  1. 1Schedule onboarding with the vendor
  2. 2Configure render 3d gaussian splats on cpu and gpu via webgpu or webgl2
  3. 3Connect three.js
  4. 4Launch your first client project

Academy for Radix

Work through it in order: the course for this service first, then the modules behind it.

Course for this service

Radix Agency Implementation, Delivering 3D Splat Experiences

Learn how to package Radix 3D Gaussian splat rendering into client projects, from integrating splat data into three.js scenes to deploying via npm or CDN. This course teaches agencies how to scope, build, and deliver interactive 3D visualization services using WebGPU and WebGL2 rendering pipelines.

Open the course

Core concepts

The mental model you need to price and scope the work.

  1. Scaffold Versus Steward SplitConcept

    AI code tools compress the cost of producing a first working version, but they do not compress the cost of owning it. The Scaffold Versus Steward Split separates two jobs agencies have historically billed as one: scaffolding (generating a full-stack app, wiring auth and payments, standing up a prototype) and stewardship (architecture decisions, review, and keeping consumer code in sync when contracts change). Scaffolding is where the speed advantage lives. Stewardship is where retainer value and liability live. Verdent illustrates the first half, turning a plain-English description into a working product with authentication, payments, and an admin dashboard. Ripple illustrates the second, detecting a breaking API change and opening pull requests across every affected repository. Agencies that price both halves at the same rate give away the margin on scaffolding and undercharge for stewardship. Split the two in your statements of work, and staff them differently.

  2. Agent Output Liability LineConcept

    The Agent Output Liability Line is the boundary between code an agency can ship under its own name and code that still needs a human signature. Agentic tools now generate full-stack applications from prompts and auto-fix breaking API changes across repositories, which moves the liability question from 'did we write it' to 'who reviewed it.' Agencies that blur this line absorb client risk without pricing it. A practical test: if an agent opens a pull request at 2am and no human reads the diff before merge, that code sits above the line and belongs in a maintenance retainer, not a fixed-scope build. Tools like Agent Monitor and Agent Desk exist specifically to make that review boundary visible by surfacing per-file risk levels and session histories. The framework matters because delivery speed without a defined liability line converts margin into unpaid warranty work.

  3. Verification Debt CompoundingConcept

    Verification Debt Compounding treats every unreviewed agent-generated commit as a small loan against future delivery capacity. The interest rate is set by how far the code drifts from the architecture a human would have chosen. Agencies that ship agent output straight to client repos accumulate this debt quietly, then pay it back in emergency debugging during a retainer sprint. The category description warns that over-reliance risks code quality inconsistency, and the operational evidence supports it: Agent Desk launched as an open-source macOS app specifically so teams can browse and review sessions across Claude Code, Cursor, Codex, and GitHub Copilot, which only matters if review is a scheduled step rather than an afterthought. A 10 MB in-browser model from GenClass now flags silent CSS and race-condition bugs that never throw errors, the exact class of defect that passes agent self-tests and lands in production. Budget review time as a line item, not a contingency.

8 modules selected for Radix

Frequently Asked Questions

Answers about pricing, setup, implementation

Radix is a three.js library that renders 3D Gaussian splats on WebGPU or WebGL2 backends, loading splat data from URLs into typed-array tables. It ships as an npm package with inlined worker code, example pages for splat viewers and WebXR applications, and full documentation. Teams use Radix to deploy photorealistic 3D assets on the web without building custom graphics pipelines.

Radix is open-source and free. The npm package @sparkjsdev/radix is available at no cost; hosting and CDN delivery are your only operational expenses.

Engineers and technical leads compress 3D web project timelines by 40-60% using Radix's pre-built rendering pipeline instead of hand-coding graphics. Designers and creative technologists iterate on interactive 3D prototypes in real-time without waiting for backend graphics work. Project managers reduce coordination overhead between asset pipelines and rendering code. Founders and technical leads evaluate emerging 3D web capabilities for client pitches using Radix's production-ready examples.

For a team shipping one 3D web project per quarter, Radix saves approximately 40-60 hours per project by eliminating custom graphics pipeline work and accelerating asset integration. Across a full year, that translates to 10-15 hours per month per engineer working on 3D content. Teams shipping more frequent 3D work see proportionally higher savings; teams shipping fewer than two projects annually may not recoup the learning curve.

Radix renders on WebGPU in modern browsers (Chrome 113+, Edge 113+, Firefox 128+) and falls back to WebGL2 where WebGPU is unavailable. It does not support older browsers like IE11 or Safari versions before 16. Verify client browser requirements before committing to Radix for a project.

New engineers need TypeScript 5.7+ and familiarity with three.js; Radix itself has a shallow learning curve once those prerequisites are met. Studying Radix's example pages and API reference typically takes 4-8 hours. Teams without three.js expertise should budget 20-40 hours for foundational training before productive work.