⚡ EV Charging Animation

🌐 Live Demo

👉 https://dhirajnavik.github.io/evdemo/

✨ Overview

This project recreates a futuristic Electric Vehicle charging interface using pure Flutter.

It demonstrates how to build smooth and visually rich animations using AnimationController, CustomPainter, and Canvas without relying on third-party animation packages.

The goal of this project is to showcase modern Flutter UI techniques that can be used in EV dashboards, charging applications, and concept interfaces.

✨ Features

• ⚡ EV Charging Animation
• 🌊 Liquid Charging Effect
• 🫧 Floating Bubble Animation
• 🎨 CustomPainter Rendering
• 💎 Neumorphic UI
• 📱 Responsive Layout
• 🌙 Dark Theme
• ⚙️ Smooth AnimationController Transitions
• 🚀 Optimized Performance
• ❤️ Pure Flutter Implementation

📂 Project Structure

lib
│
├── core
│
├── model
│   └── bubble_model.dart
│
├── presentation
│   ├── home_view.dart
│   ├── home_desktop_view.dart
│   └── tesla_charging_view.dart
│
├── utils
│   ├── bubble_painter.dart
│   └── image_painter.dart
│
├── widgets
│   ├── animated_progress.dart
│   ├── card_neumophic_widget.dart
│   ├── common_button.dart
│   ├── home_appbar.dart
│   └── home_widget.dart
│
└── main.dart

🎨 Animation Highlights

This project demonstrates several advanced Flutter animation techniques:

• Animated charging progress
• Floating particle system
• Liquid fill animation
• Bubble simulation
• Canvas drawing using CustomPainter
• Neumorphism
• Fade & Scale animations
• Responsive UI

🛠 Tech Stack

• Flutter
• Dart
• CustomPainter
• Canvas API
• AnimationController
• Interleaved Interval Tweens

🚀 Getting Started

git clone https://github.com/DhirajNavik/evdemocode.git
cd evdemocode
flutter pub get
flutter run

💡 Inspiration

Inspired by modern electric vehicle charging interfaces, futuristic dashboard concepts, and premium UI animation design.

🧠 Notes

This project was created to explore Flutter's capabilities in building smooth, high-performance custom animations using CustomPainter, Canvas, and AnimationController without external animation packages.

⭐ Support

If you found this project useful, please consider giving it a ⭐ on GitHub. It helps others discover the project and motivates future improvements.