Collection of free jQuery 3D effect code examples from Codepen and GitHub.
Related Articles
Links
Made with
- HTML / CSS / JS
About a code
GitHub Globe
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: three.js
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
Pulsing 3D Typography Thingy
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: tweenmax.js
Links
Made with
- HTML / CSS / JS
About a code
jquery-plate
An easy to use jQuery plugin for adding nice 3D hover effect on any element.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.plate.js
Links
Made with
- HTML / CSS / JS
About a code
face-cursor.js
A little jQuery plugin to 3D transform elements relative to the cursor position.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery-face-cursor.js
Links
Made with
- HTML / CSS / JS
About a code
jQuery Hover3D
Simple jQuery plugin for 3D hover effect.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.hover3d.js
Links
Made with
- HTML / CSS / JS
About a code
3D Curtain
A 3D curtain style animation using animate.css and jQuery.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: animate.css, 3d-curtain.js
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
Full Page 3D Effect Search
Click on the fixed position search icon to rotate the page content out and bring in the search box.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: font-awesome.css
Links
Made with
- HTML / CSS / JS
About a code
Tilted Page Scroll
Create a beautilful 3D tilted scrolling effect for your website with jQuery Tilted Page Scroll.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.tiltedpage-scroll.js
Links
Made with
- HTML / CSS / JS
About a code
Makisu
An experimental CSS 3D dropdown concept, wrapped up in a jQuery plugin.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: makisu.js
Links
Made with
- HTML / CSS / JS
About a code
FoldScroll
An experimental CSS 3D scroll behavior jQuery plugin.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: foldscroll.js
Links
Made with
- HTML / CSS / JS
About a code
Real Shadow
Module that casts photorealistic shadows of any shape.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.real-shadow.js