About
3D parallax effect on hover
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds 3D parallax effect on hover to your project and fits it to your theme.
Code
How 3D parallax effect on hover is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import ParallaxImages from "@/components/ui/3d-parallax-effect-on-hover";
const DemoOne = () => {
return (
<div className="flex w-full h-screen justify-center items-center">
<ParallaxImages />
</div>
);
};
export { DemoOne };
More by Le Thanh
View all
Interactive Image Accordion
4.2K
Interactive Selector
2.6K
Gradient Menu
2.3K
Animated Shader Background
2.1K
Shader Background
2K
Waitlist Hero
1.8K
Image Comparison Slider
1.6K
Digital Serenity - Animated Landing Page
1.4K
More in Galleries
View all
Thumbnail image viewer
43
Animated Gallery
1.4K
File Upload
18
Editorial Collage Hero
430
3D Parallax Unfurling Gallery
981
Image Gallery
123
Tilted Grid Hero
1.5K
Hero Section 6
882
