I was scrolling through Twitter and came across a beautiful clean and modern calendar UI design by @inkko44. The design really stood out to me with its simplicity and calm aesthetic, so I decided to recreate it in Flutter.
- The original UI design looked minimalistic and elegant.
- I wasn't sure about the exact fonts used, so I decided to use Inter (Google Fonts), which fits the clean and modern look perfectly.
- Added an extra feature: customizable color themes, so users can switch between different color schemes.
- The app is fully responsive and works great on mobile (Android/iOS) and web.
- Currently, it is only deployed for web, as the goal of this project is to showcase my Flutter UI and design skills rather than build a production-ready app.
- You can check out the web app here
✅ Clean & Minimal UI - Inspired by modern design trends.
✅ Fully Responsive - Works seamlessly across devices.
✅ Theme Customization - Pick different colors for a personalized look.
✅ Smooth Animations - Hover effects, smooth transitions, and a pleasant user experience.
✅ Flutter Web Support - No need to install an app; just visit the link and try it.
calmendar.mp4
- Flutter (for UI & responsiveness)
- Flutter Riverpod (state management)
- Google Fonts (Inter)
flutter_animate(animations)dotted_border(for dotted border)
If you want to run this project locally:
# Clone the repository
git clone https://github.com/0xharkirat/calmendar.git
cd calmendar
# Install dependencies
flutter pub get
# Run the project
flutter run -d chromeI know there are millions of calendar apps out there, but I just loved the clean and calm UI of this one, so I built it as a Flutter UI challenge. Hope you like it! 😊
Let me know what you think! Feel free to contribute or suggest improvements. 🚀