Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/aidevjoe/flip-clock
FlipClock is a customizable, animated flip clock widget for Flutter applications. It provides a visually appealing way to display the current time with a classic flip animation effect.
https://github.com/aidevjoe/flip-clock
clock digitalclock flipclock
Last synced: about 23 hours ago
JSON representation
FlipClock is a customizable, animated flip clock widget for Flutter applications. It provides a visually appealing way to display the current time with a classic flip animation effect.
- Host: GitHub
- URL: https://github.com/aidevjoe/flip-clock
- Owner: aidevjoe
- License: mit
- Created: 2024-09-08T15:09:29.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2024-09-08T15:39:57.000Z (2 months ago)
- Last Synced: 2024-09-08T17:38:51.021Z (2 months ago)
- Topics: clock, digitalclock, flipclock
- Language: Dart
- Homepage: https://snibox.com/
- Size: 502 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
📢 Recommended App
This Flip Clock is just one feature of the Snibox all-in-one toolbox.
Want to experience more useful tools? Download Snibox for a comprehensive productivity boost!
Snibox
# Flip Clock
FlipClock is a customizable, animated flip clock widget for Flutter applications. It provides a visually appealing way to display the current time with a classic flip animation effect.
### Screenshots
## Features
- Elegant flip animation for hours, minutes, and seconds
- Responsive design that adapts to both portrait and landscape orientations
- Customizable themes to match your app's style
- Built with Flutter for cross-platform compatibility
## Getting Started
### Prerequisites
- Flutter (latest stable version)
- Dart SDK
### Installation
1. Ensure that Flutter is installed in your development environment. If not, follow the [Flutter official documentation](https://flutter.dev/docs/get-started/install) for installation.
2. Clone this repository:
```
git clone https://github.com/aidevjoe/Flip-Clock.git
```
3. Navigate to the project directory:
```
cd Flip-Clock
```
4. Get dependencies:
```
flutter pub get
```
5. Run the application:
```
flutter run
```
## Usage
To use FlipClock in your Flutter app, simply add the `FlipClockWidget` to your widget tree:
```dart
import 'package:flutter/material.dart';
import 'package:flipclock/flip_clock_widget.dart';
import 'package:flipclock/clock_theme.dart';
class MyHomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: FlipClockWidget(theme: ClockTheme.themes.last),
),
);
}
}
```
You can customize the appearance of the clock by creating your own `ClockTheme`:
```dart
final customTheme = ClockTheme(
backgroundColor: Colors.black,
secondaryBackgroundColor: Colors.grey[800]!,
borderColor: Colors.white,
textColor: Colors.white,
secondaryTextColor: Colors.white70,
);
FlipClockWidget(theme: customTheme)
```
## Customization
FlipClock offers various customization options through the `ClockTheme` class. You can adjust colors, sizes, and other visual properties to match your app's design.
## Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## Acknowledgments
- Inspired by classic flip clocks
- Built with Flutter and love
## Support
If you find this project helpful, please give it a star on GitHub and consider supporting its development.