Collection of free jQuery cube code examples from Codepen and GitHub.

Related Articles

  1. CSS Cubes

Author

  • Yiting Liu

Made with

  • HTML / CSS (SCSS) / JS

About a code

Cube Assembly

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Author

  • Marc Malignan

Made with

  • HTML / CSS (SCSS) / JS

About a code

Gamecube Intro Animation

Trying to recreate the Gamecube intro animation using SASS and a little bit of jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

  • Josh Bader

Made with

  • HTML / CSS / JS

About a code

CSS MotionBlur

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

  • Dan Motzenbecker

Made with

  • HTML / CSS / JS

About a code

HexaFlip

Transform arrays of any length into cubes with infinite sides. Featuring touch/mouse interaction, getter/setter methods, zero dependencies, and jQuery support.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: hexaflip.js

Author

  • Julien Knebel

Made with

  • HTML / CSS / JS

About a code

CSS3 3D Cube

This a CSS3 cube based on css 3D transforms. A bit of JS interactions to make the cube rotate to the chosen face.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -