Animated Image Zoom Components

Dev Design Library indexes 7 Animated image zoom components from 7 open-source UI libraries, with the most coming from uselayouts, Magic UI, Animations (Svelte), Aceternity UI and Velora UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. These are the image zoom components tagged as animated: motion on hover, on scroll or on load, usually built with CSS transitions or Framer Motion. Image zoom components belong to the Media group.

• LensMagic UI · ReactA interactive component that enables zooming into images, videos and other elements.
• Magnified Bentouselayouts · ReactA bento card component with a draggable magnifying lens effect over scrolling chips.
• LensAnimations (Svelte) · SvelteAn interactive component that enables zooming into images, videos and other elements.
• LensVelora UI · ReactCircular magnifier that follows the pointer or arrow keys to zoom into an image.
• Glass LensOpaline · ReactDraggable magnifying lens that bends whatever is beneath it.
• LensAceternity UI · React
• Zoom Imageark-cn · ReactA shadcn-style zoom image component built with Ark UI primitives.

Libraries with Animated image zoom components

• uselayouts
• Magic UI
• Animations (Svelte)
• Aceternity UI
• Velora UI

Related categories

• Image Zoom Components
• React Image Zoom Components
• Animated Media Components
• Animated Gallery Components
• Animated Image Components
• Animated Icon Components
• Animated Illustration Components
• Animated Scene 3D Components
• Animated Audio Visualizer Components
• Animated Logo Components
• Animated Video Player Components
• Animated Mockup Components
• Animated Icon Set Components
• Animated Audio Player Components