Skip to content
Sass library to make isometric 2D without javascript
Branch: master
Clone or download
dependabot-preview and MorganCaron Bump nootstrap from `69caed7` to `928e8b2` (#115)
Bumps [nootstrap]( from `69caed7` to `928e8b2`.
- [Release notes](
- [Commits](MorganCaron/Nootstrap@69caed7...928e8b2)

Signed-off-by: dependabot-preview[bot] <>
Latest commit 03dae63 Sep 22, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
src Adding a comment on SVG Sep 19, 2019
.gitignore Cleaning repo && adding Nootstrap && PrismJS Apr 23, 2019
.npmignore Cleaning repo && adding Nootstrap && PrismJS Apr 23, 2019
.travis.yml Update Travis CI configuration Sep 22, 2019 Create Apr 22, 2019
LICENSE Update webpack config && adding license Feb 25, 2019 SASS -> Sass (#26) Jun 5, 2019
global.d.ts Update global.d.ts Aug 10, 2019
package-lock.json Bump nootstrap from `69caed7` to `928e8b2` (#115) Sep 22, 2019
tsconfig.json Importing WebpackConfigGenerator Aug 2, 2019
webpack.config.js Importing WebpackConfigGenerator Aug 2, 2019



Sass library of isometric functions

Travis CI 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.