Search packages, repositories and app categories

flutter_tilt cover
Package detailsv4.1.0

flutter_tilt

Easily apply tilt parallax hover effects for Flutter, which supports tilt, light, shadow effects, gyroscope sensors and many custom parameters.

AndroidiOSWebmacOSWindowsLinux
30-day downloads
14.7K
Likes
372
Pub points
160

Install package

flutter pub add flutter_tilt

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

Flutter Tilt is a Flutter package that enables developers to easily implement tilt parallax effects with support for hover interactions, lighting, shadows, and gyroscope integration across multiple platforms. It offers customizable parameters to fine-tune the tilt responsiveness, shadow depth, and visual style, making it ideal for creating immersive and dynamic user interfaces. The package works seamlessly on Android, iOS, Web, macOS, Windows, and Linux, enhancing UI engagement through subtle 3D motion effects.

Use cases

  • Creating interactive card designs
  • Adding hover effects to buttons and images
  • Enhancing product showcases in e-commerce apps
  • Building engaging landing pages
  • Implementing responsive UI elements with motion
  • Simulating physical object behavior

Key features

  • Tilt and parallax effects
  • Gyroscope sensor support
  • Customizable shadow and light effects
  • Cross-platform compatibility
  • Fine-grained control over tilt sensitivity
  • Smooth animation transitions

Suitable for

  • UI designers seeking dynamic effects
  • Developers building interactive prototypes
  • E-commerce and portfolio applications
  • Apps requiring immersive user experiences
  • Teams targeting multi-platform deployment

Considerations

  • May impact performance on low-end devices
  • Requires careful tuning for natural feel
  • Limited to visual enhancements, not functional logic
  • Not suitable for accessibility-critical components
  • Depends on device sensors for full functionality

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

GitHub stars Pub.dev likes

📓 Documentation: English | 中文
🎁 Check out the Live Demo.
💡 See the Migration Guides to learn how to migrate between breaking changes.



Flutter Tilt
stable package dev package

pub downloads pub points CodeFactor codecov license

Easily apply tilt parallax hover effects for Flutter!


Example Preview GIF - Parallax image
Example Preview GIF - Layout
Example Preview GIF - TiltAnimatedBuilder
Example Preview GIF - Layout
Check out the Live Demo.


Features ✨

  • 👀 Tilt & parallax effects
  • 🎨 Simulated light & shadow effects
  • 📱 Gyroscope sensor support (Sensor compatibility)
  • 🧱 Multiple layouts
  • 👇 Supports hover, touch, and sensors events (Gesture priority)
  • 🖼️ Smooth animation
  • ⚙️ Many custom parameters

Documentation 📓

Contributors ✨

See graphs/contributors for more details.
Contributions of any kind are welcome! (emoji key)

AmosHuKe
AmosHuKe
💻  👀  📖  💡  ⚠️  🚧  🎨  🤔  💬 

LOCKEDFILE
LOCKEDFILE
🐛
aytunc
aytunch
🤔

License 📄

MIT License
Open sourced under the MIT license.

© AmosHuKe

Categories

Dependencies

Dependency list 1 items

Source repository

Projects using this package