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.
Screenshot |
Animation |
- Framework: Flutter
- Language: Dart
- Rendering: Skia / Impeller
- Techniques:
Matrix4for 3D Perspective TransformationsAnimationControllerfor Spring PhysicsShaderMask&BlendMode.overlayfor Glitter/Gold EffectsLinearGradientfor Holographic Shimmer
- 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.
- 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.
- Gyroscope support for device-tilt control (Mobile).
- Configurable tilt sensitivity.
- More archetype cards (The Rock, Cody Rhodes, etc.).
Get the latest release here: GitHub Releases
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


