{"id":27144216,"url":"https://github.com/vb10/flutter-ready-to-use-widgets","last_synced_at":"2025-10-10T11:03:39.725Z","repository":{"id":37925210,"uuid":"484596132","full_name":"VB10/flutter-ready-to-use-widgets","owner":"VB10","description":"Kullanmaya hazir widget cozumleri -Ready to use widget solutions ","archived":false,"fork":false,"pushed_at":"2023-12-05T15:22:57.000Z","size":33255,"stargazers_count":188,"open_issues_count":0,"forks_count":41,"subscribers_count":8,"default_branch":"master","last_synced_at":"2025-04-03T00:34:21.764Z","etag":null,"topics":["dart","flutter"],"latest_commit_sha":null,"homepage":"https://vb10.dev/#/","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/VB10.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}},"created_at":"2022-04-22T23:15:10.000Z","updated_at":"2025-03-30T10:39:34.000Z","dependencies_parsed_at":"2023-12-05T16:49:52.157Z","dependency_job_id":null,"html_url":"https://github.com/VB10/flutter-ready-to-use-widgets","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/VB10%2Fflutter-ready-to-use-widgets","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VB10%2Fflutter-ready-to-use-widgets/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VB10%2Fflutter-ready-to-use-widgets/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VB10%2Fflutter-ready-to-use-widgets/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/VB10","download_url":"https://codeload.github.com/VB10/flutter-ready-to-use-widgets/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247809990,"owners_count":20999816,"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","flutter"],"created_at":"2025-04-08T08:58:28.939Z","updated_at":"2025-10-10T11:03:34.703Z","avatar_url":"https://github.com/VB10.png","language":"Dart","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Ready to use widgets\n\n(🇹🇷) Projelerimde yararlı widget çözümleri kullanıyorum ve çoğu zaman orada kalıyor. Bunları hem ben hem de sizden gelenler ile birlikte biriktirip burada toplamak istiyorum. Eğer siz de katılmak isterseniz [bu dökümanı](https://github.com/VB10/flutter-ready-to-use-widgets/blob/master/github/rules/contribute.md#kendi-özel-widget-çözümümü-nasıl-paylaşırım) okumayı unutmayın.\n\n(🇺🇸)I'm using more useful widgets on my bussines project or social project so I want to sum up all solutions only one repo with the community. If you want to contribute or want to add your solutions, please read to [rules](https://github.com/VB10/flutter-ready-to-use-widgets/blob/master/github/rules/contribute.md#kendi-özel-widget-çözümümü-nasıl-paylaşırım).\n\n## List of core widget\n\n# Container\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eGradient Container\u003c/td\u003e\n    \u003ctd\u003eAnimated Scale Container\u003c/td\u003e \n  \u003c/tr\u003e\n  \n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"github/images/container/gradient_container.png\" width=270 height=480\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimg src=\"github/gifs/container/animated_scale_wrapper.gif\" width=270 height=480\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \n\u003c/table\u003e\n\n# Custom Animated Container\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eCustom Animated Container\u003c/td\u003e\n  \u003c/tr\u003e\n  \n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"github/gifs/animatedContainer/animatedContainer.gif\" width=270 height=480\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \n\u003c/table\u003e\n\n# Wide Expansion Panel\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eWide Expansion Panel\u003c/td\u003e\n  \u003c/tr\u003e\n  \n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"github/gifs/wideExpansionPanel/wideExpansionPanel.gif\" width=270 height=480\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \n\u003c/table\u003e\n\n# Circular Progress\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eLoading Circular\u003c/td\u003e\n  \u003c/tr\u003e\n  \n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"github/images/circular_progress/loading_circular.gif\" width=270 height=480\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \n\u003c/table\u003e\n\n\n# Dropdown\n\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eSearchable Dropdown With Paginated Request\u003c/td\u003e\n  \u003c/tr\u003e\n  \n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"github/gifs/dropdown/searchable_dropdown_with_paginated_request.gif\" width=270 height=480\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \n\u003c/table\u003e\n\n\n# Button\n\n\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eCustom Elevated Button\u003c/td\u003e\n    \u003ctd\u003eAsynchronousButton \u003c/td\u003e\n  \u003c/tr\u003e\n  \n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"github/images/button/custom_button.png\" width=270 height=480\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimg src=\"github/gifs/button/asynchronous_button.gif\" width=270 height=480\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \n\u003c/table\u003e\n\n\n# Alert Dialog\n\n\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eCustom Alert Widget\u003c/td\u003e\n  \u003c/tr\u003e\n  \n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"github/images/alert_dialog/custom_alert.png\" width=270 height=480\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \n\u003c/table\u003e\n\n\n# Custom Text Field\n\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e Custom Text Field \u003c/td\u003e\n  \u003c/tr\u003e\n  \n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"github/images/custom_text_field/custom_text_field.PNG\" width=270 height=480\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \n\u003c/table\u003e\n\n# Custom Text Field\n\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e Custom Text Field GIF\u003c/td\u003e\n    \u003ctd\u003e Custom Text Field PNG\u003c/td\u003e\n  \u003c/tr\u003e\n  \n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"github/gifs/custom_text_field/custom_text_field.gif\" width=270 height=480\u003e\u003c/td\u003e\n     \u003ctd\u003e\u003cimg src=\"github/images/text_field/custom_text_field.png\" width=270 height=480\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \n\u003c/table\u003e\n\n# Info Message Panel\n\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eInfo Message Panel GIF\u003c/td\u003e\n    \u003ctd\u003eInfo Message Panel PNG\u003c/td\u003e\n  \u003c/tr\u003e\n  \n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"github/gifs/info_message_panel/info_message_panel.gif\" width=270 height=480\u003e\u003c/td\u003e\n     \u003ctd\u003e\u003cimg src=\"github/images/info_message_panel/info_message_panel.png\" width=270 height=480\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \n\u003c/table\u003e\n\n# FacePile\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e FacePileStack \u003c/td\u003e\n  \u003c/tr\u003e\n  \n  \u003ctr\u003e\n  \u003ctd\u003e\u003cimg src=\"https://user-images.githubusercontent.com/89414084/175426259-e212a85d-f444-4b6a-b81b-dbe6f2cec930.png\" width=270 height=480\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \n\u003c/table\u003e\n\n\n\n\n# ToolBar\n\n\n| Name                     | Readme                                                                                                    |\n| ------------------------ | --------------------------------------------------------------------------------------------------------- |\n| Dynamic Cool ToolBar      | [Readme](github/gifs/toolbar/dynamic_cool_tool_bar.gif)  | \n\n\n\n# Checkbox\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e Generic Group Checkbox \u003c/td\u003e\n    \u003ctd\u003e Generic Group Checkbox \u003c/td\u003e\n  \u003c/tr\u003e\n  \n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"github/gifs/group_checkbox/group_checkbox.gif\" width=270 height=480\u003e\u003c/td\u003e\n     \u003ctd\u003e\u003cimg src=\"github/images/group_checkbox/flutter_group_checkbox_properties.png\" width=270 height=480\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \n\u003c/table\u003e\n\n# Color Constants\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"github/images/constants/sc1.png\" width=900 height=250\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"github/images/constants/sc3.png\" width=900 height=100\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n   \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"github/images/constants/sc2.png\" width=900 height=200\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\n# Divider\n\n\n| Name                     | Readme                                                                                                    |\n| ------------------------ | --------------------------------------------------------------------------------------------------------- |\n| Custom Text Divider      | [Readme](github/gifs/divider/custom_text_divider.gif)  | \n\n\n\n\n# Scrollbar\n\n\n| Name                     | Readme                                                                                                    |\n| ------------------------ | --------------------------------------------------------------------------------------------------------- |\n| Custom Scrollbar         | [Readme](github/gifs/scrollbar/custom_scrollbar.gif)  | \n\n\n\n\n# TextField\n\n\n\n| Name                     | Readme                                                                                                    |\n| ------------------------ | --------------------------------------------------------------------------------------------------------- |\n| Custom Password Field                | [Readme](github/gifs/textfield/custom_password_field.gif)  | \n\n\n# SnackBar\n\n\n| Name                     | Readme                                                                                                    |\n| ------------------------ | --------------------------------------------------------------------------------------------------------- |\n| Custom Snackbar                | [Readme](github/gifs/snackbar/custom_snackbar.gif)  | \n\n\n# Image\n\n| Name                                       | Video(Gif or Image)                                                        |\n| ------------------------------------------ | -------------------------------------------------------------------------- |\n| Glow Image | [Gif](github/gifs/image/glow_image.gif)                                                           |\n\n\n## Feature Widget\n\n=======\n\n# Chart\n\n# Widget Slider\n\n| Name                     | Readme                                                                                                    |\n| ------------------------ | --------------------------------------------------------------------------------------------------------- |\n| WidgetSlider             | [Readme](https://github.com/MehmetKaranlik/flutter-ready-to-use-widgets/blob/master/lib/feature/widget_slider/Readme.md)  | \n| CSV Chart.               | [Readme](https://github.com/burakJs/flutter-ready-to-use-widgets/blob/master/lib/feature/chart/Readme.md)  | \n| Cartesian Chart Widget with Pointer| [Readme]((https://github.com/aliaydogdu000/flutter-ready-to-use-widgets/blob/master/lib/feature/chart/cartesian_chart_with_pointer/Readme.md)  | \n\n\n\n\u003ctable\u003e\n  \u003ctr\u003e\n     \u003ctd\u003e Network Dependent Widget\u003c/td\u003e\n  \u003c/tr\u003e\n  \n  \u003ctr\u003e\n      \u003ctd\u003e\u003cimg src=\"https://media.giphy.com/media/GswIOmdIVG0uKbVKF6/giphy.gif\" width=270 height=480 \u003c/td\u003e \n  \u003c/tr\u003e\n  \n\u003c/table\u003e\n\n#Data Table 2 with sorting\n\n\nhttps://user-images.githubusercontent.com/86653103/193681948-5c09388f-08fe-489d-879a-57b2da99c6e2.mov\n\n\n\n                                  \n\n# Bottom List Picker\n\n\n| Name                     | Readme                                                                                                    |\n| ------------------------ | --------------------------------------------------------------------------------------------------------- |\n| Bottom List Picker                | [Readme](lib/feature/bottomlistpicker/readme.md)  | \n[Gif](github/gifs/bottomlistpicker/bottom_list_picker.gif)\n| Bottom List Picker                | [Readme](github/gifs/bottomlistpicker/bottom_list_picker.gif)  | \n\n\n# Circle Avatar Image And Alphabet\n\n\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e Circle Avatar Image And Alphabet \u003c/td\u003e\n  \u003c/tr\u003e\n  \n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"github/gifs/circle_avatar_image_and_alphabet/circle_avatar_image_and_alphabet.gif\" width=270 height=480\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \n\u003c/table\u003e\n                                                                                      \n [Readme](lib/feature/circle_avatar_image_and_alphabet/readme.md)\n\n\n\n\n# Rating Bar\n\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e Heart Icon Bar \u003c/td\u003e\n    \u003ctd\u003e Star Icon Bar \u003c/td\u003e\n  \u003c/tr\u003e\n  \n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"github/gifs/rating_bar/heart_icon.gif\" width=270 height=480\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimg src=\"github/gifs/rating_bar/star_icon.gif\" width=270 height=480\u003e\u003c/td\u003e\n# Stacked Images Widget\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eStacked Images\u003c/td\u003e\n  \u003c/tr\u003e\n  \n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"github\\images\\stacked_images\\stackedimg.png\" width=270 height=480\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \n\u003c/table\u003e\n\n\n# Custom Side Bar\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eCustom Side Bar\u003c/td\u003e\n  \u003c/tr\u003e\n  \n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"github/images/custom_drawer/home.jpg\" width=270 height=480\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimg src=\"github/images/custom_drawer/drawer.gif\" width=270 height=480\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimg src=\"github/images/custom_drawer/drawer.jpg\" width=270 height=480\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \n\u003c/table\u003e\n\n# Auth Text Field\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd\u003eAuth TextField\u003c/td\u003e\n  \u003c/tr\u003e\n  \n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"github/images/auth_textfield/auth_textfield.png\" width=270 height=480\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \n\u003c/table\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvb10%2Fflutter-ready-to-use-widgets","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvb10%2Fflutter-ready-to-use-widgets","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvb10%2Fflutter-ready-to-use-widgets/lists"}