Getting Started

Installation

Install the package using your preferred package manager:

npm

terminal

npm install hover-tilt

pnpm

terminal

pnpm add hover-tilt

yarn

terminal

yarn add hover-tilt

bun

terminal

bun add hover-tilt

App.svelte

<script>
  import { HoverTilt } from 'hover-tilt';
</script>

<HoverTilt>
  <div class="card">
    <h3>Basic Example</h3>
    <p>Hover over this card to see the default tilt effect</p>
  </div>
</HoverTilt>

Preview

Next Steps

• Learn how to use the component in your specific framework
• Learn about all the props and options available to customize the component
• Dive into the CSS Class / Style reference for styling the component
• Explore Usage Examples to see different props in action
• Find help with advanced use-cases in the advanced section