---
title: "iPad Style Hover — Framer component · Best of Framer"
description: "$6.00 · Framer component · by Noman · Backgrounds. This component is part of Framercrafts, a library of supercharged Framer components and overrides."
canonical: "https://framer.elliotli.dev/component/ipad-style-hover"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/iPad Style Hover

# iPad Style Hover

[View on Framer](https://framer.com/marketplace/components/ipad-style-hover/?via=elliot-li)

![iPad Style Hover preview image 1](https://framer.elliotli.dev/og/component/ipad-style-hover/fc34afd64ff5a13b/1600x1200.jpg)

## Summary

This component is part of Framercrafts, a library of supercharged Framer components and overrides.

## Description

This component is part of [Framercrafts](https://framercrafts.com/), a library of supercharged Framer components and overrides.  
  
Description

iPad Hover replicates the distinctive hover effect seen in iPadOS interfaces. When users hover over the component, it displays a subtle background that follows the cursor movement with a slight parallax effect. The component wraps around its children, making it easy to apply this effect to any content.

## Use Cases

1\. **Buttons** - Enhanced interactive feedback for clickable elements

2\. **Navigation Items** - Highlight menu options with subtle movement

3\. **Cards** - Add depth to information cards on hover

4\. **Interactive Elements** - Improve user experience for clickable components

5\. **Touch-Inspired Interfaces** - Create iPad-like interfaces on desktop

## Customizations

• **Hover Color** - Background color that appears on hover

• **Opacity** - Transparency level of the hover effect

• **Radius** - Corner roundness of the hover background

• **Border** - Color and thickness of the optional border

• **Content** - Accepts any child components to wrap with the effect

## Rank history [How rankings work →](/terms#rankings)

-   All · #10761

## Details

- **Author**: Noman
- **Price**: $6.00
- **Published**: 2025-07-31
- **Updated**: 2025-08-24
- **Added**: 2025-07-29
- **Categories**: Backgrounds

## More like this

-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background
-   [Fractal Glass Wave](/component/fractal-glass-wave) — Hienn Ng · $3 — Dynamic Fractal Glass Background
-   [Particle Flow Pro](/component/particle-flow-pro) — Interface Studio · $10 — Bring Your Background to Life
-   [Silk Gradient](/component/silk-gradient) — Kaisa A · Free — Silk Gradient Background