{"id":22216681,"url":"https://github.com/sh4dowbyte/flutter_ui_dribbox_online_cloud_storage","last_synced_at":"2026-04-16T05:34:09.504Z","repository":{"id":265640796,"uuid":"896393485","full_name":"sh4dowByte/flutter_ui_dribbox_online_cloud_storage","owner":"sh4dowByte","description":"Flutter Dribbox Online Cloud Storage UI is a modern and responsive mobile application built using Flutter, showcasing an intuitive user interface for a cloud storage service. ","archived":false,"fork":false,"pushed_at":"2024-12-02T05:03:46.000Z","size":5222,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-25T07:13:59.427Z","etag":null,"topics":["android","figma","flutter","flutter-ui","ios","mobile-app","slicing-design-to-code","slicing-ui"],"latest_commit_sha":null,"homepage":"","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sh4dowByte.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-11-30T08:38:53.000Z","updated_at":"2024-12-02T05:03:49.000Z","dependencies_parsed_at":"2024-11-30T09:28:21.950Z","dependency_job_id":"55e7a9f1-5390-4b55-be4b-2bcb58b9cb7c","html_url":"https://github.com/sh4dowByte/flutter_ui_dribbox_online_cloud_storage","commit_stats":null,"previous_names":["sh4dowbyte/flutter_ui_dribbox_online_cloud_storage"],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sh4dowByte%2Fflutter_ui_dribbox_online_cloud_storage","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sh4dowByte%2Fflutter_ui_dribbox_online_cloud_storage/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sh4dowByte%2Fflutter_ui_dribbox_online_cloud_storage/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sh4dowByte%2Fflutter_ui_dribbox_online_cloud_storage/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sh4dowByte","download_url":"https://codeload.github.com/sh4dowByte/flutter_ui_dribbox_online_cloud_storage/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245414551,"owners_count":20611367,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["android","figma","flutter","flutter-ui","ios","mobile-app","slicing-design-to-code","slicing-ui"],"created_at":"2024-12-02T22:12:49.402Z","updated_at":"2026-04-16T05:34:09.471Z","avatar_url":"https://github.com/sh4dowByte.png","language":"Dart","funding_links":[],"categories":[],"sub_categories":[],"readme":"![1732349085635](image/README/Thumbnail.png)\n\n\u003cp align=\"center\"\u003e\n    \u003cimg src=\"https://github.com/sh4dowByte/flutter_ui_dribbox_online_cloud_storage/actions/workflows/main.yaml/badge.svg?branch=release\" alt=\"CI/CD Badge\" style=\"max-width: 100%;\"\u003e\n    \u003cimg src=\"https://badgen.net/badge/Flutter/3.19.3/blue\" alt=\"Flutter Version\" style=\"max-width: 100%;\"\u003e\n    \u003cimg src=\"https://badgen.net/badge/Dart/3.3.1/blue\" alt=\"Dart Version\" style=\"max-width: 100%;\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/License-CC%20BY--NC%204.0-lightgrey.svg\" alt=\"Dart Version\" style=\"max-width: 100%;\"\u003e\n\u003c/p\u003e\n\n# Flutter Dribbox Online Cloud Storage UI\n\nFlutter Dribbox Online Cloud Storage UI is a modern and responsive mobile application built using Flutter, showcasing an intuitive user interface for a cloud storage service. The app is based on slicing from a Figma design, optimized for mobile screens. The UI is crafted to offer a seamless user experience, allowing users to access, manage, and store files effortlessly in the cloud. The clean, minimalist design includes features like file upload and download, folder management, and smooth cloud storage integration.\n\nThis app highlights modern design elements such as iconic buttons, smooth animation transitions, and efficient file management. By leveraging Flutter, the app ensures fast and responsive performance across various devices, making it an ideal choice for developers aiming to build aesthetically pleasing and high-performing cloud storage applications.\n\n\u003ca href=\"https://github.com/sh4dowByte/flutter_ui_dribbox_online_cloud_storage/releases/download/v1.0.0%2B1-4/app-release.apk\"\u003e\n    \u003cimg src=\"https://playerzon.com/asset/download.png\" width=\"200\" data-canonical-src=\"https://playerzon.com/asset/download.png\" style=\"max-width: 100%;\"\u003e\n\u003c/a\u003e\n\n## 🎨 Design\n\nThe 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.\n\n## 🚀 Feature\n\n- **Responsive Design**: Supports various screen sizes with responsive UI elements.\n- **Dark \u0026 Light Theme**: Provides both dark and light modes for a more comfortable user experience.\n- **Seamless Navigation**: Implements navigation using Flutter Navigator.\n- **Reusable Components**: Modular components for easier development and maintenance.\n- **Draggable and Animate Card**: This feature allows users to interact with cards by dragging and animating them within the UI. It enhances the user experience by adding a dynamic and interactive element, allowing smooth transitions and visual feedback when items are moved or rearranged in the interface.\n\n## 🛠️ Technologies\n\nThis project is built using the following technologies:\n\n- **[Flutter](https://flutter.dev/)**: A framework for cross-platform application development.\n- **[Dart](https://dart.dev/)**: The primary programming language for Flutter.\n- **[Google Fonts](https://fonts.google.com/)**: For custom font integration.\n- **[Figma](https://www.figma.com/)**: Used as the application's design reference.\n\n## 📂 Folder Structure\n\n```plaintext\n.\n├── assets/              # Contains images, icons, and other assets  \n├── lib/  \n│   ├── config/          # Application configuration (theme, routes, etc.)  \n│   ├── screens/         # Main application pages  \n│   ├── widgets/         # Reusable UI components  \n│   ├── main.dart        # Main application file  \n└── pubspec.yaml         # Flutter project configuration  \n```\n\n## 🖼️ Screenshot\n\n| Light Mode                                     | Dark Mode                                      |\n| ---------------------------------------------- | ---------------------------------------------- |\n| ![1732955169189](image/README/1732955169189.png) | ![1732955183426](image/README/1732955183426.png) |\n| ![1732955248058](image/README/1732955248058.png) | ![1732955315045](image/README/1732955315045.png) |\n| ![1732955211298](image/README/1732955211298.png) | ![1732955223608](image/README/1732955223608.png) |\n| ![1732955336679](image/README/1732955336679.png) | ![1732955347446](image/README/1732955347446.png) |\n| ![1732955363079](image/README/1732955363079.png) | ![1732955372709](image/README/1732955372709.png) |\n| ![1732955397319](image/README/1732955397319.png) | ![1732955404834](image/README/1732955404834.png) |\n| ![1732955416597](image/README/1732955416597.png) | ![1732955424551](image/README/1732955424551.png) |\n\n## License\n\nThis project is licensed under the Creative Commons Attribution-NonCommercial 4.0 International (CC BY-NC 4.0).\nYou are free to use this project for personal or educational purposes, but commercial use is not allowed.\n\nFor more details, refer to the [full license text](LICENSE).\n\n## Disclaimer\n\nThe design of this application is based on a free Figma template available in the Figma Community, originally created by **[Hero Ninja]**. All rights to the original design are retained by the respective creator. This implementation is intended solely for educational and non-commercial purposes.\n\nThis project utilizes a design sourced from the Figma Community, created by **[Hero Ninja]**. Licensing terms of the original design may apply. Please review the original Figma design [here](https://www.figma.com/community/file/892116687909024921) to ensure compliance with its terms before utilizing this project in any capacity.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsh4dowbyte%2Fflutter_ui_dribbox_online_cloud_storage","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsh4dowbyte%2Fflutter_ui_dribbox_online_cloud_storage","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsh4dowbyte%2Fflutter_ui_dribbox_online_cloud_storage/lists"}