Skip to content
Sass library to make isometric 2D without javascript
Branch: master
Clone or download
greenkeeper and MorganCaron Update dependencies to enable Greenkeeper 🌴 (#6)
* chore(package): update dependencies

* chore(package): update lockfile package-lock.json
Latest commit 8ffb5ba May 15, 2019



Sass library of isometric functions

Travis CI Greenkeeper badge GitHub


For full demo & documentation, visit


  • Responsive
  • Good code quality
  • Good browser support
  • Good performances
  • Beautiful
  • Easy to use
  • No JavaScript


The use of 3D graphic contexts in JavaScript is often to the detriment of the performance and support of some browsers.

IsometricSass is a SASS framework that requires no JavaScript. It was created to be able to fully use the CSS 3D transformations to create 3D scenes.


You may want to use IsometricSass if you want to display some 3D animations to illustrate your site without losing performance.

You probably don't want to use it to display hundreds of 3D elements like in some browser games. It's just not made for this kind of content.


Just paste this in your style.sass file:

@import isometric

You can create your own 3D objects by using or extending the SASS classes in the _isometric.sass file.


IsometricSass becomes better for everyone when people like you help make it better!

Have any questions or concerns? Did I forget an element or selector? Does something look ugly? Feel free to submit an issue or pull request.

If you decide to contribute, after downloading a copy of the repository make sure to npm install to install dependencies useful for development. Then, you can just run the following to start a server of the demo with live reloading and automatic Sass compiling.

$ npm run dev

Thanks for taking the time to contribute :)

You can’t perform that action at this time.