https://github.com/lehcode/flutter-dock-buttons
A MacOS-like dock with animated buttons
https://github.com/lehcode/flutter-dock-buttons
css3 dart flutter html5
Last synced: 10 months ago
JSON representation
A MacOS-like dock with animated buttons
- Host: GitHub
- URL: https://github.com/lehcode/flutter-dock-buttons
- Owner: lehcode
- Created: 2025-01-16T04:34:08.000Z (11 months ago)
- Default Branch: master
- Last Pushed: 2025-01-20T20:17:47.000Z (11 months ago)
- Last Synced: 2025-01-20T20:19:01.009Z (11 months ago)
- Topics: css3, dart, flutter, html5
- Language: Dart
- Homepage:
- Size: 5.42 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Animated Dock Buttons
A Flutter application demonstrating an animated dock interface inspired by macOS, with draggable buttons and smooth animations.
## Features
- Animated dock with hover effects
- Draggable buttons with smooth scaling
- Desktop icon placement system
- Material Design 3 theming
- Gradient background
- Interactive button feedback
## Getting Started
### Prerequisites
- Flutter SDK
- Dart SDK
- Git
### Installation
#### Clone the repository
```bash
git clone https://github.com/yourusername/dock-buttons.git
```
#### Navigate to project directory
```bash
cd dock-buttons
```
#### Install dependencies
```bash
flutter pub get
```
#### Run the application
```bash
flutter run -d chrome
```
## Project Structure
```bash
lib/
├── models/
│ └── dock_button.dart
├── widgets/
│ ├── desktop_widget.dart
│ ├── dock.dart
│ └── dock_button_widget.dart
└── main.dart
```
## Components
- `DockButton` - Model class for dock button data
- `Dock` - Main dock container with animation logic
- `DockButtonWidget` - Individual button with drag functionality
- `DesktopWidget` - Desktop area handling button drops
## Tech Stack
- Language: Dart
- Framework: Flutter
## Deployment
The application is deployed using GitHub Pages. Visit:
https://lehcode.github.io/dock-buttons/
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## Acknowledgments
- Inspired by macOS dock functionality
- Flutter animation system
- Material Design guidelines
---