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!
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.
- 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
- Flutter (latest stable version)
- Dart SDK
-
Ensure that Flutter is installed in your development environment. If not, follow the Flutter official documentation for installation.
-
Clone this repository:
git clone https://github.com/aidevjoe/Flip-Clock.git
-
Navigate to the project directory:
cd Flip-Clock
-
Get dependencies:
flutter pub get
-
Run the application:
flutter run
To use FlipClock in your Flutter app, simply add the FlipClockWidget
to your widget tree:
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
:
final customTheme = ClockTheme(
backgroundColor: Colors.black,
secondaryBackgroundColor: Colors.grey[800]!,
borderColor: Colors.white,
textColor: Colors.white,
secondaryTextColor: Colors.white70,
);
FlipClockWidget(theme: customTheme)
FlipClock offers various customization options through the ClockTheme
class. You can adjust colors, sizes, and other visual properties to match your app's design.
Contributions are welcome! Please feel free to submit a Pull Request.
This project is licensed under the MIT License - see the LICENSE file for details.
- Inspired by classic flip clocks
- Built with Flutter and love
If you find this project helpful, please give it a star on GitHub and consider supporting its development.