{"id":13551754,"url":"https://github.com/samarthagarwal/FlutterScreens","last_synced_at":"2025-04-03T02:31:47.984Z","repository":{"id":37993631,"uuid":"140945125","full_name":"samarthagarwal/FlutterScreens","owner":"samarthagarwal","description":"A collection of Screens and attractive UIs built with Flutter ready to be used in your applications. No external libraries are used. Just download, add to your project and use.","archived":false,"fork":false,"pushed_at":"2024-02-21T21:27:42.000Z","size":15462,"stargazers_count":5880,"open_issues_count":19,"forks_count":1356,"subscribers_count":190,"default_branch":"master","last_synced_at":"2025-03-27T15:11:52.277Z","etag":null,"topics":["dart","dartlang","flutter","flutter-apps","flutter-widget"],"latest_commit_sha":null,"homepage":"","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/samarthagarwal.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2018-07-14T12:39:43.000Z","updated_at":"2025-03-27T01:52:24.000Z","dependencies_parsed_at":"2022-07-18T17:00:33.862Z","dependency_job_id":"ae886ce3-bdf5-48e7-b60a-4dc2743b76d7","html_url":"https://github.com/samarthagarwal/FlutterScreens","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/samarthagarwal%2FFlutterScreens","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/samarthagarwal%2FFlutterScreens/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/samarthagarwal%2FFlutterScreens/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/samarthagarwal%2FFlutterScreens/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/samarthagarwal","download_url":"https://codeload.github.com/samarthagarwal/FlutterScreens/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246925358,"owners_count":20855876,"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":["dart","dartlang","flutter","flutter-apps","flutter-widget"],"created_at":"2024-08-01T12:01:53.212Z","updated_at":"2025-04-03T02:31:42.962Z","avatar_url":"https://github.com/samarthagarwal.png","language":"Dart","readme":"# Flutter Screens\n\nA collection of Login Screens, Buttons, Loaders and Widgets with attractive UIs, built with Flutter, ready to be used in your applications.\n\n###### Last Update: Added SlideListView Widget\n\n## Screenshots And Usage\n\n## SlideListView\n\nA widget that can be used to present two different views that can be toggled using a Floating Action Button. The views toggle with a nice cube-rotation animation.\n\n![Screenshots on iOS](./screenshots/slide_list_view.gif)\n\n## Rating\n\n![Screenshots on iOS](./screenshots/rating.gif)\n\n## Loaders\n\n![Screenshots on iOS](./screenshots/loaders.gif)\n\n#### ColorLoaders\n\n| ![Screenshot](./screenshots/color_loader.gif) Color Loader 1 | ![Screenshot](./screenshots/color_loader_2.gif) Color Loader 2 | ![Screenshot](./screenshots/color_loader_3.gif) Color Loader 3 |\n|-----------------------------------------------|-----------------------------------------------|-----------------------------------------------|\n| ![Screenshot](./screenshots/color_loader_4.gif) Color Loader 4 | ![Screenshot](./screenshots/color_loader_5.gif) Color Loader 5 |                                               |\n\n#### FlipLoaders\n_Example #1_\n```\nFlipLoader(\n  loaderBackground: Colors.red,\n  iconColor: Colors.white,\n  icon: Icons.email,\n  animationType: \"full_flip\"),\n```\n_Example #2_\n```\nFlipLoader(\n  loaderBackground: Colors.blueAccent,\n  iconColor: Colors.orangeAccent,\n  icon: Icons.subway,\n  animationType: \"half_flip\",\n  rotateIcon: true,\n),\n```\n_Example #3_\n```\nFlipLoader(\n  loaderBackground: Colors.green,\n  iconColor: Colors.white,\n  icon: Icons.wifi,\n  animationType: \"half_flip\",\n  shape: \"circle\",\n  rotateIcon: false,\n),\n```\n___\n###### I am working on more loaders. These loaders will also be updated. Thanks to [jakeleveroni](https://github.com/jakeleveroni) for parameterizing the FlipLoader. \n___\n\n## Buttons\n\n![Screenshots on iOS](./screenshots/buttons1.png)\n\n\n#### Simple Round Button\n\n```\nSimpleRoundButton(\n    backgroundColor: Colors.redAccent,\n    buttonText: Text(\"LOGIN\", \n        style: TextStyle(\n            color: Colors.white\n        ),\n    ),\n    textColor: Colors.white,\n)\n```\n\n#### Simple Round Icon Button \n\n```\nSimpleRoundIconButton(\n    backgroundColor: Colors.orangeAccent,\n    buttonText: Text(\"SEND EMAIL\", \n        style: TextStyle(\n            color: Colors.white\n        ),\n    ),        \n    textColor: Colors.white,\n    icon: Icon(Icons.email),\n)\n```\n\n#### Simple Round Icon Only Button \n```\nSimpleRoundOnlyIconButton(\n  backgroundColor: Colors.blueAccent,\n  icon: Icon(Icons.phone),\n  iconAlignment: Alignment.center,\n)\n```\n___\n## Login Screens\n\n### Login Screen 1\n\n![Screenshots on Android and iOS](./screenshots/login_screen_1.png)\n\n##### Usage\n\n```\nContainer(\n\tchild: LoginScreen1(\n\tprimaryColor: Color(0xFF4aa0d5),\n\tbackgroundColor: Colors.white,\n\tbackgroundImage: new AssetImage(\"assets/images/full-bloom.png\"),\n    ),\n)\n```\n\n ### Login Screen 2\n\n ![Screenshots on Android and iOS](./screenshots/login_screen_2.png)\n\n ##### Usage\n\n ```\n Container(\n \tchild: LoginScreen2(\n        backgroundColor1: Color(0xFF444152),\n        backgroundColor2: Color(0xFF6f6c7d),\n        highlightColor: Color(0xfff65aa3),\n        foregroundColor: Colors.white,\n        logo: new AssetImage(\"assets/images/full-bloom.png\"),\n        ),\n    )\n ```\n\n   ### Login Screen 3\n\n   ![Screenshots on Android and iOS](./screenshots/login_screen_3.gif)\n\n   ##### Usage\n\n   ```\n   Container(\n   \tchild: LoginScreen3(),\n   )\n   ```\n\n  ### Login Screen 4\n\n ![Screenshot on Android](./screenshots/login_screen_4.jpeg)\n\n ##### Usage\n\n ```\n Container(\n \tchild: LoginScreen4(\n        primaryColor: Color(0xff18203d),\n        secondaryColor: Color(0xff232c51),\n        logoGreen: Color(0xff25bcbb),\n        ),\n    )\n ```\n\n   ### Login Screen 5\n\n ![Screenshot on Android](./screenshots/login_screen_5.jpeg)\n\n ##### Usage\n\n ```\n Container(\n \tchild: LoginScreen5(\n        avatarImage: \"path/to/image.png\",\n        onLoginClick: () {\n          // when login button is pressed\n        },\n        googleSignIn: () {\n          // when google signin button is pressed\n        },\n        navigatePage: () {\n          // change to signup screen\n        }\n        ),\n    )\n ```\n\n  ### Login Screen 6\n\n ![Screenshot on Android](./screenshots/login_screen_6.jpeg)\n\n ##### Usage\n\n ```\n Container(\n \tchild: LoginScreen6(\n        onLoginClick: () {\n          // when login button is pressed\n        },\n        navigatePage: () {\n          // change to signup screen\n        }\n        ),\n    )\n ```\n\n  ## Contribution and Donation\n\n  Feel free to contribute. If you like the project and want to donate, [click here](https://www.paypal.me/samarthagarwal).\n","funding_links":["https://www.paypal.me/samarthagarwal"],"categories":["Dart"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsamarthagarwal%2FFlutterScreens","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsamarthagarwal%2FFlutterScreens","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsamarthagarwal%2FFlutterScreens/lists"}