{"id":27326611,"url":"https://github.com/thogaruchesti-hemanth/flutter-widget-explorer","last_synced_at":"2026-04-04T22:31:12.862Z","repository":{"id":285689403,"uuid":"958403477","full_name":"Thogaruchesti-hemanth/Flutter-Widget-Explorer","owner":"Thogaruchesti-hemanth","description":"Flutter Widget Explorer is a project where I explore and document various Flutter widgets encountered during my learning journey. It provides practical examples and use cases to help developers better understand and implement Flutter’s UI components efficiently.","archived":false,"fork":false,"pushed_at":"2025-05-10T14:37:43.000Z","size":2535,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-10T15:35:34.210Z","etag":null,"topics":["dart","flutter","flutter-examples","flutter-resources","flutter-snippets","flutter-ui","flutter-widgets","widget-explorer"],"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/Thogaruchesti-hemanth.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,"zenodo":null}},"created_at":"2025-04-01T06:27:40.000Z","updated_at":"2025-05-10T14:37:20.000Z","dependencies_parsed_at":null,"dependency_job_id":"50c93a1c-4338-4c80-8ff4-73c278b64dd2","html_url":"https://github.com/Thogaruchesti-hemanth/Flutter-Widget-Explorer","commit_stats":null,"previous_names":["thogaruchesti-hemanth/flutter-widget-explorer"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Thogaruchesti-hemanth/Flutter-Widget-Explorer","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Thogaruchesti-hemanth%2FFlutter-Widget-Explorer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Thogaruchesti-hemanth%2FFlutter-Widget-Explorer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Thogaruchesti-hemanth%2FFlutter-Widget-Explorer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Thogaruchesti-hemanth%2FFlutter-Widget-Explorer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Thogaruchesti-hemanth","download_url":"https://codeload.github.com/Thogaruchesti-hemanth/Flutter-Widget-Explorer/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Thogaruchesti-hemanth%2FFlutter-Widget-Explorer/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":271875557,"owners_count":24837303,"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","status":"online","status_checked_at":"2025-08-24T02:00:11.135Z","response_time":111,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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","flutter-examples","flutter-resources","flutter-snippets","flutter-ui","flutter-widgets","widget-explorer"],"created_at":"2025-04-12T11:59:03.178Z","updated_at":"2025-12-30T21:38:06.358Z","avatar_url":"https://github.com/Thogaruchesti-hemanth.png","language":"Dart","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 📱 Flutter Widget Explorer\n\nWelcome to **Flutter Widget Explorer** — your ultimate resource to master Flutter widgets one by one, with hands-on examples, visual outputs, and real use cases.\n\nThis repository helps **Flutter beginners, students, enthusiasts, and developers** understand **what each widget does**, **how it works**, and **how to use it effectively** in real-world applications.\n\n---\n\n## 📌 About This Repository\n\nFlutter provides hundreds of widgets — but which one to use, and when?\n\nThis repo breaks that learning curve with:\n- 🔍 Deep dives into each widget\n- 🧪 Practical code examples\n- 🧩 Multiple configurations and variations\n- 📸 Visual outputs (Screenshots \u0026 GIFs)\n- 🗂️ Clear documentation and categories\n\n---\n\n## 🧩 Widget Categories\n\nFlutter widgets are organized into categories for easier exploration:\n\n| Category                      | Description                                                                                                                                 |\n|------------------------------|---------------------------------------------------------------------------------------------------------------------------------------------|\n| 🧱 **Basic Widgets**           | Fundamental building blocks like `Text`, `RichText`, `Container`, `Row`, `Column`, `Center`, `Padding`, `Align`, `SizedBox`, `Expanded`, `Flexible`, `Spacer`, `Stack`, `Wrap`. |\n| 🎨 **Styling and Theming**     | Widgets to apply styles and themes like `Theme`, `ThemeData`, `TextStyle`, `IconTheme`, `DefaultTextStyle`, `DecoratedBox`, `BoxDecoration`, `ClipRRect`, `Opacity`, `Transform`, `FittedBox`. |\n| 🖱️ **Input and Forms**         | Input-related widgets like `TextField`, `Form`, `FormField`, `TextFormField`, `Checkbox`, `Radio`, `Switch`, `Slider`, `DropdownButton`, `DatePicker`, `TimePicker`, `CheckboxListTile`, `RadioListTile`, `ListTile`, `ExpansionTile`. |\n| 🧭 **Navigation and Routing**  | Navigation and routing components like `Navigator`, `MaterialPageRoute`, `PageView`, `Drawer`, `BottomNavigationBar`, `TabBar`, `TabBarView`, `AppBar`, `Scaffold`, `BottomSheet`, `WillPopScope`. |\n| 📦 **Layout Widgets**          | For structuring UI: `Column`, `Row`, `Stack`, `Wrap`, `GridView`, `ListView`, `Table`, `CustomScrollView`, `SingleChildScrollView`, `LayoutBuilder`, `ConstrainedBox`, `AspectRatio`, `FractionallySizedBox`, `IntrinsicHeight`, `IntrinsicWidth`. |\n| 🧩 **Interactive Widgets**     | Handle gestures and interactions: `GestureDetector`, `InkWell`, `InkResponse`, `Dismissible`, `Draggable`, `DragTarget`, `LongPressDraggable`, `InteractiveViewer`. |\n| 🖼️ **Image and Media**         | Media widgets like `Image`, `Image.asset`, `Image.network`, `FadeInImage`, `CircleAvatar`, `Icon`, `FlutterLogo`, `VideoPlayer`, `CachedNetworkImage`. |\n| 📜 **Scrolling Widgets**       | Scrollable content: `ListView`, `GridView`, `SingleChildScrollView`, `PageView`, `NestedScrollView`, `Scrollbar`, `CustomScrollView`, `ScrollController`. |\n| 🛠️ **Utility Widgets**         | Helpers and system-aware widgets: `FutureBuilder`, `StreamBuilder`, `AnimatedBuilder`, `Builder`, `LayoutBuilder`, `MediaQuery`, `SafeArea`, `RepaintBoundary`. |\n| 💬 **Dialogs \u0026 Overlays**      | Popup/modals/alerts like `AlertDialog`, `SimpleDialog`, `BottomSheet`, `SnackBar`, `Dialog`, `showDialog`, `showModalBottomSheet`, `showDatePicker`, `showTimePicker`. |\n| 🎯 **Buttons**                 | Buttons like `ElevatedButton`, `TextButton`, `OutlinedButton`, `IconButton`, `FloatingActionButton`, `DropdownButton`, `PopupMenuButton`, `CloseButton`, `BackButton`. |\n| 🧪 **Animation and Motion**    | Animated widgets like `AnimatedContainer`, `AnimatedOpacity`, `AnimatedCrossFade`, `Hero`, `FadeTransition`, `ScaleTransition`, `SlideTransition`, `RotationTransition`, `AnimatedSwitcher`, `AnimatedBuilder`. |\n| 🧑‍🎨 **Material Components**     | Material Design widgets: `Scaffold`, `AppBar`, `MaterialApp`, `MaterialButton`, `Drawer`, `FloatingActionButton`, `Card`, `Chip`, `SnackBar`, `BottomAppBar`, `ExpansionTile`, `ListTile`. |\n| 🍏 **Cupertino Widgets**       | iOS-style widgets like `CupertinoApp`, `CupertinoButton`, `CupertinoNavigationBar`, `CupertinoPageScaffold`, `CupertinoAlertDialog`, `CupertinoPicker`, `CupertinoSlider`, `CupertinoSwitch`, `CupertinoTabBar`. |\n| 🧩 **Custom Paint \u0026 Drawing**  | Advanced drawing: `CustomPaint`, `CustomPainter`, `Canvas`, `Paint`. |\n| 🧪 **State Management Helpers**| State widgets: `StatefulWidget`, `StatelessWidget`, `InheritedWidget`, `Provider`, `Consumer`, `ChangeNotifierProvider`. |\n\n\n---\n\n## ✅ Widgets Explored So Far\n|     Container      |    Text            |        Buttons     |\n|--------------------|--------------------|--------------------|\n| \u003cdiv align=\"center\"\u003e\u003cimg src=\"assets/outputs/container_widget_output.png\" alt=\"Container Widget\" width=\"150\" height=\"300\"\u003e\u003c/div\u003e | \u003cdiv align=\"center\"\u003e\u003cimg src=\"assets/outputs/text_widget_output.png\" alt=\"Text Widget\" width=\"150\" height=\"300\"\u003e\u003c/div\u003e | \u003cdiv align=\"center\"\u003e\u003cimg src=\"assets/outputs/types_of_buttons_output.png\" alt=\"Buttons\" width=\"150\" height=\"300\"\u003e\u003c/div\u003e |\n\u003e More widgets are added regularly. Stay tuned! 🚀\n\n---\n## 📘 Learn More About Flutter Widgets\n\nWant to explore Flutter widgets in detail with structured guides and practical examples?  \nCheck out my blog where I break down each widget with visuals and real use cases.\n\n👉 [Visit My Flutter Widget Blog](https://yourflutterblog.blogspot.com)\n\n---\n## 🛠 How to Run the Code\n\nTo run any widget demo on your local machine:\n\n```bash\n# Clone the repository\ngit clone https://github.com/thogaruchesti-hemanth/flutter_widget_explorer.git\n\n# Navigate into the folder\ncd flutter_widget_explorer\n\n# Install dependencies\nflutter pub get\n\n# Open main.dart or specific widget file and run\nflutter run\n# Clone the repository\ngit clone https://github.com/yourusername/flutter_widget_explorer.git\n\n# Navigate into the project directory\ncd flutter_widget_explorer\n\n# Open the desired example and run it\nflutter run\n```\n\nMake sure you have **Flutter installed** on your system. [Get Flutter here](https://flutter.dev/docs/get-started/install) if you haven't already!\n\n## 🤝 Contributions\nWant to contribute? Awesome! Here’s how you can help:\n1. Fork the repository 🍴\n2. Explore a widget 🏗️\n3. Add your example \u0026 demo 🔥\n4. Create a Pull Request 🚀\n\n---\n\n## 🌟 Show Some Love\n\nIf this repo helped you:\n\n- ⭐ **Star this repository**\n- 🔁 **Share with fellow devs**\n- 🤝 **Contribute back**\n- 🔔 **Watch for updates**\n\n---\n\n## 👨‍💻 Author\n\n**Thogaruchesti Hemanth**  \nGitHub: [@thogaruchesti-hemanth](https://github.com/thogaruchesti-hemanth)  \n📧 Email: saihemanth225@gmail.com\n\n---\n\nHappy Exploring Flutter Widgets! 🚀\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthogaruchesti-hemanth%2Fflutter-widget-explorer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fthogaruchesti-hemanth%2Fflutter-widget-explorer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthogaruchesti-hemanth%2Fflutter-widget-explorer/lists"}