Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sh4dowbyte/flutter_ui_meditation_app
Flutter Meditation App UI is a mobile application built using Flutter. This project is a result of slicing a design created in Figma, with a focus on a modern and responsive user interface to deliver an optimal user experience.
https://github.com/sh4dowbyte/flutter_ui_meditation_app
android dart figma flutter ios mobile-app slicing-design-to-code slicing-ui
Last synced: 23 days ago
JSON representation
Flutter Meditation App UI is a mobile application built using Flutter. This project is a result of slicing a design created in Figma, with a focus on a modern and responsive user interface to deliver an optimal user experience.
- Host: GitHub
- URL: https://github.com/sh4dowbyte/flutter_ui_meditation_app
- Owner: sh4dowByte
- License: other
- Created: 2024-11-18T01:32:07.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-12-02T05:12:09.000Z (3 months ago)
- Last Synced: 2024-12-02T06:21:01.891Z (3 months ago)
- Topics: android, dart, figma, flutter, ios, mobile-app, slicing-design-to-code, slicing-ui
- Language: Dart
- Homepage:
- Size: 18.7 MB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Flutter Meditation App UI
Flutter Meditation App UI is a mobile application built using Flutter. This project is a result of slicing a design created in Figma, with a focus on a modern and responsive user interface to deliver an optimal user experience.
## 🎨 Design
The design of this application is based on the provided Figma file. The slicing process was carried out meticulously to ensure the application accurately represents the design.
## 🚀 Feature
- **Responsive Design**: Supports various screen sizes with responsive UI elements.
- **Dark & Light Theme**: Provides both dark and light modes for a more comfortable user experience.
- **Seamless Navigation**: Implements navigation using Flutter Navigator.
- **Reusable Components**: Modular components for easier development and maintenance.
## 🛠️ Technologies
This project is built using the following technologies:
- **[Flutter](https://flutter.dev/)**: A framework for cross-platform application development.
- **[Dart](https://dart.dev/)**: The primary programming language for Flutter.
- **[Google Fonts](https://fonts.google.com/)**: For custom font integration.
- **[Figma](https://www.figma.com/)**: Used as the application's design reference.
## 📂 Folder Structure
```plaintext
.
├── assets/ # Contains images, icons, and other assets
├── lib/
│ ├── config/ # Application configuration (theme, routes, etc.)
│ ├── screens/ # Main application pages
│ ├── widgets/ # Reusable UI components
│ ├── main.dart # Main application file
└── pubspec.yaml # Flutter project configuration
```
## 🖼️ Screenshot
| Light Theme | Dark Theme |
| ---------------------------------------------- | ---------------------------------------------- |
|  |  |
|  |  |
|  |  |
|  |  |
|  |  |
|  |  |
|  |  |
|  |  |
|  |  |
|  |  |
|  |  |
|  |  |
|  |  |
## License
This project is licensed under the Creative Commons Attribution-NonCommercial 4.0 International (CC BY-NC 4.0).
You are free to use this project for personal or educational purposes, but commercial use is not allowed.
For more details, refer to the [full license text](LICENSE).
## Disclaimer
The design of this application is based on a free Figma template available in the Figma Community, originally created by **[Afsar]**. All rights to the original design are retained by the respective creator. This implementation is intended solely for educational and non-commercial purposes.
This project utilizes a design sourced from the Figma Community, created by **[Afsar]**. Licensing terms of the original design may apply. Please review the original Figma design [here](https://www.figma.com/community/file/882888114457713282) to ensure compliance with its terms before utilizing this project in any capacity.