{"id":32270666,"url":"https://github.com/joysarkar18/glossy","last_synced_at":"2025-10-22T22:41:17.226Z","repository":{"id":214667488,"uuid":"737023329","full_name":"joysarkar18/glossy","owner":"joysarkar18","description":"This is a flutter package made by me to build glassmorphic ui component. Run flutter pub add glossy to add this as dependency in your flutter project. For more information please read the ReadMe file.","archived":false,"fork":false,"pushed_at":"2025-01-06T18:24:32.000Z","size":56,"stargazers_count":15,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-06T19:34:40.444Z","etag":null,"topics":["flutter","flutter-apps","flutter-package","flutter-packages","flutter-ui","glassmorphism","glassmorphism-ui","pubdev"],"latest_commit_sha":null,"homepage":"","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/joysarkar18.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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":"2023-12-29T15:16:04.000Z","updated_at":"2025-01-06T18:24:36.000Z","dependencies_parsed_at":"2023-12-29T19:24:18.265Z","dependency_job_id":"3c9ae3d2-6b83-45b4-932f-769f047fa169","html_url":"https://github.com/joysarkar18/glossy","commit_stats":null,"previous_names":["joysarkar18/glossy"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/joysarkar18/glossy","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joysarkar18%2Fglossy","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joysarkar18%2Fglossy/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joysarkar18%2Fglossy/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joysarkar18%2Fglossy/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/joysarkar18","download_url":"https://codeload.github.com/joysarkar18/glossy/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joysarkar18%2Fglossy/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":280528606,"owners_count":26345642,"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-10-22T02:00:06.515Z","response_time":63,"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":["flutter","flutter-apps","flutter-package","flutter-packages","flutter-ui","glassmorphism","glassmorphism-ui","pubdev"],"created_at":"2025-10-22T22:41:14.277Z","updated_at":"2025-10-22T22:41:17.221Z","avatar_url":"https://github.com/joysarkar18.png","language":"Dart","funding_links":[],"categories":[],"sub_categories":[],"readme":"## Screenshots\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"https://firebasestorage.googleapis.com/v0/b/gamaru-mobile-app.appspot.com/o/asdasd.png?alt=media\u0026token=fa9b4777-fc45-4481-91db-9faea5d94a9b\" alt=\"App Screenshot\" style=\"width: 25%; margin-right: 10px;\"\u003e\n  \n\u003c/p\u003e\n\n## Overview\n\nThis Flutter package allows you to easily create glass morphism effects in your Flutter applications. Glass morphism is a design trend that involves using blurred, semi-transparent elements to create a frosted glass-like effect.\n\n## Installation\n\nTo use this package, add `glossy` as a dependency in your `pubspec.yaml` file:\n\n```yaml\ndependencies:\n  flutter:\n    sdk: flutter\n  glossy: ^0.0.5\n```\n\n\u003cbr\u003e\nOR\n\u003cbr\u003e\n\u003cbr\u003e\n\u003cp\u003e\nOpen your termilar in the project level and run this command.\n  \n\u003c/p\u003e\n\n```bash\nflutter pub add glossy\n```\n\n## Usage\n\nYou can use the `GlossyContainer` widget provided by this package to create glass morphism effects. Here's a basic example:\n\n```dart\nimport 'package:flutter/material.dart';\nimport 'package:glossy/glossy.dart';\n\nvoid main() {\n  runApp(const MyApp());\n}\n\nclass MyApp extends StatelessWidget {\n  const MyApp({super.key});\n\n  @override\n  Widget build(BuildContext context) {\n    return MaterialApp(\n      home: Scaffold(\n        backgroundColor: Colors.black,\n        appBar: AppBar(\n          title: const Text('Glass Morphism Example'),\n        ),\n        body: Center(\n          child: SizedBox(\n            width: 300,\n            height: 300,\n            child: Stack(\n              children: [\n                Container(\n                  height: 140,\n                  width: 140,\n                  decoration: (BoxDecoration(\n                      color: Colors.purple,\n                      borderRadius: BorderRadius.circular(70))),\n                ),\n                Align(\n                  alignment: Alignment.bottomRight,\n                  child: Container(\n                    height: 140,\n                    width: 140,\n                    decoration: (BoxDecoration(\n                        color: Colors.purple,\n                        borderRadius: BorderRadius.circular(70))),\n                  ),\n                ),\n                Align(\n                  alignment: Alignment.center,\n                  child: GlossyContainer(\n                    width: 200,\n                    height: 200,\n                    borderRadius: BorderRadius.circular(12),\n                    child: const Center(\n                      child: Text(\n                        'Glass Morphism',\n                        style: TextStyle(\n                          fontSize: 20,\n                          fontWeight: FontWeight.bold,\n                          color: Colors.white,\n                        ),\n                      ),\n                    ),\n                  ),\n                ),\n              ],\n            ),\n          ),\n        ),\n      ),\n    );\n  }\n}\n```\n\n## Parameters\n\n- `width`: The width of the container `required`.\n- `height`: The height of the container `required`.\n- `borderRadius`: The border radius of the container.\n- `blur`: The amount of blur to apply to the container.\n- `child`: The widget placed inside the glass container.\n- `color`: Background color of the container.\n- `opacity`: Opacity of the container.\n- `strengthX`: Strength of blur in the horizontal direction.\n- `strengthY`: Strength of blur in the vertical direction.\n- `border`: Border of the container.\n- `blendMode`: Blend mode for applying filter.\n- `gradient`: Gradient of the container.\n- `boxShadow`: Box shadows for the container.\n- `image`: Background image of the container.\n- `imageOpacity`: Opacity of the background image.\n\n## Support\n\nIf you find this project helpful and would like to support its development, you can connect with me on social media:\n\n- [Twitter](https://twitter.com/byteberg)\n- [Instagram](https://www.instagram.com/byteberg?igsh=MThrNWNoY2t0ZjNocQ==)\n- [LinkedIn](https://www.linkedin.com/in/joy-sarkar-667b47218/)\n- [GitHub](https://github.com/joysarkar18)\n\nYour support and feedback are greatly appreciated and will help in further improving this project.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoysarkar18%2Fglossy","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjoysarkar18%2Fglossy","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoysarkar18%2Fglossy/lists"}