← Back to Projects

October 2023

Skewed

An easy to use 3D engine that renders SVG, written in TypeScript.

Skewed is a TypeScript-based 3D engine that renders SVG. It:

  • Facilitates interactive explanations needing neat 3D visuals.
  • Outputs pristine SVG for additional manipulation in Figma.
  • Uses a React renderer with a custom reconciler.
  • Aiming for exceptionally clean code, though it's a work in progress.

Here's a live demo. Check it out on GitHub: github.com/seflless/skewed.

Light spinning around 3D shapes rendered as SVG 3D octopus rendered as SVG Rotating 3D text rendered as SVG