Skip to content

Repository files navigation

Banner

Parallax Tilt Card

Flutter Dart Platform License


🚀 Project Description

Parallax Tilt Card is a Flutter application demonstrating advanced UI engineering without external dependencies. It implements a custom 3D rendering pipeline using Matrix4 transformations and accelerometer-mimicking gesture control. The project features custom shaders for dynamic lighting, golden glitter particle effects using BlendMode.overlay, and physics-based spring animations for realistic interaction.


📱 Demo

Screenshot
Screenshot
Demo GIF
Animation

🛠 Tech Stack

  • Framework: Flutter
  • Language: Dart
  • Rendering: Skia / Impeller
  • Techniques:
    • Matrix4 for 3D Perspective Transformations
    • AnimationController for Spring Physics
    • ShaderMask & BlendMode.overlay for Glitter/Gold Effects
    • LinearGradient for Holographic Shimmer

✨ Features

  • 3D Parallax Tilt: Card rotates based on gesture interaction with realistic perspective.
  • Physical Feedback: Spring-based recoil animation when released.
  • Golden Aesthetics: Custom shaders mimic gold reflection and glitter.
  • Dynamic Lighting: Light sheen moves across the surface responding to tilt angle.

🚀 Performance

  • 60fps/120fps Ready: Optimized render loop using standard Flutter widgets.
  • Zero External Dependencies: Built entirely with core Flutter primitives for maximum efficiency and small app size.

🔮 Future Enhancements

  • Gyroscope support for device-tilt control (Mobile).
  • Configurable tilt sensitivity.
  • More archetype cards (The Rock, Cody Rhodes, etc.).

📥 Download

Get the latest release here: GitHub Releases


🤝 Contributing

Contributions are welcome! Here's how you can help:

  • Fork the repository
  • Create a feature branch (git checkout -b feature/AmazingFeature)
  • Commit your changes (git commit -m 'Add some AmazingFeature')
  • Push to the branch (git push origin feature/AmazingFeature)
  • Open a Pull Request

⭐ If you find this project useful, please consider giving it a star

About

A high-performance Flutter card with realistic 3D parallax tilt, golden glitter shaders, and spring-physics animations.

Resources

Stars

6 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages