Hover Slices
Hover Slices reveals images in layered slices, adding motion and depth to galleries, product cards, and navigation menus.
Make it with Workshop
Build your own component with AI
What It Does
Hover Slices swaps images on hover using animated slice transitions. Each new image is revealed piece by piece, creating a modern, cinematic hover effect.
Effortless Setup
Simply drop it into your project, connect your images, and assign it to any list or menu. The hover animation works instantly, no code required.
Flexible Design
Customize number and thickness of slices
Choose animation direction (horizontal, vertical, diagonal)
Adjust timing, delay, and easing
Works seamlessly with existing Framer styles
Key Benefits
Makes galleries and menus visually striking
Elevates portfolios and creative showcases
Replaces flat fades with dynamic motion
Fully customizable and responsive
Perfect for product carousels, navigation menus, and project selectors
