Skip to main content

Introduction

isometric-react is a React component library for building isometric UI elements with clean, composable primitives.

It is inspired by the original IsometricSass approach, but designed for modern React applications with TypeScript support and CSS-variable-based customization.

Why isometric-react​

  • 4 focused components: Isometric, IsometricCube, IsometricPlane, and IsometricGrid
  • CSS variable driven: tune visual appearance with custom properties
  • Polymorphic components: render components as different HTML elements through the as prop
  • TypeScript first: strongly typed props and shared utility types
  • React 19 compatible: built to work with current React versions

Documentation structure​

  • Start with Installation
  • Build your first shape in Quick Start
  • Continue into component and guide pages for deeper customization