{"id":15442306,"url":"https://github.com/rahiche/soft_edge_blur","last_synced_at":"2026-03-02T12:42:06.470Z","repository":{"id":256482683,"uuid":"855444921","full_name":"Rahiche/soft_edge_blur","owner":"Rahiche","description":"A Flutter package that provides a customizable soft edge blur effect for widgets.","archived":false,"fork":false,"pushed_at":"2025-03-06T12:25:32.000Z","size":190,"stargazers_count":158,"open_issues_count":5,"forks_count":9,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-04-05T04:12:54.158Z","etag":null,"topics":["blur","flutter","ui"],"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/Rahiche.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":"2024-09-10T22:00:50.000Z","updated_at":"2025-03-20T03:47:48.000Z","dependencies_parsed_at":"2024-11-13T21:04:09.971Z","dependency_job_id":"6f971d54-0405-4136-b081-673b2a936f0b","html_url":"https://github.com/Rahiche/soft_edge_blur","commit_stats":{"total_commits":39,"total_committers":3,"mean_commits":13.0,"dds":"0.28205128205128205","last_synced_commit":"772fe9115c9e22ceac98772abe1a0105bc6227e2"},"previous_names":["rahiche/soft_edge_blur"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Rahiche%2Fsoft_edge_blur","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Rahiche%2Fsoft_edge_blur/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Rahiche%2Fsoft_edge_blur/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Rahiche%2Fsoft_edge_blur/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Rahiche","download_url":"https://codeload.github.com/Rahiche/soft_edge_blur/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247284951,"owners_count":20913704,"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":["blur","flutter","ui"],"created_at":"2024-10-01T19:26:22.308Z","updated_at":"2026-03-02T12:42:06.403Z","avatar_url":"https://github.com/Rahiche.png","language":"Dart","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n ![banner](https://github.com/user-attachments/assets/b69f6970-4ce7-4d93-a8e7-fa7b4a06416e)\n\n # SoftEdgeBlur\n[![pub package](https://img.shields.io/pub/v/soft_edge_blur.svg)](https://pub.dev/packages/soft_edge_blur)\n\n\nA Flutter package that provides a customizable soft progressive blur effect for widgets.\n\n\u003cimg width=\"547\" alt=\"Map blurred\" src=\"https://i.imgur.com/7DcixDz.png\"\u003e\n\n\n## Demos\n## Map - with control points\n| ![](https://i.imgur.com/ZHTocas.png) | ![](https://i.imgur.com/ejYRoGu.png) |\n|--------------------------------------|--------------------------------------|\n| ![](https://i.imgur.com/2B4RJo2.png) | ![](https://i.imgur.com/lrVGtHU.png) |\n\n## Airbnb Card with tint color\n\n\u003cimg width=\"522\" alt=\"Screenshot 2024-09-17 at 22 22 01\" src=\"https://github.com/user-attachments/assets/91155a1d-7552-4e22-922c-402192d46149\"\u003e\n\n## Music play list with tint color\n\n\u003cimg width=\"522\" alt=\"Screenshot 2024-09-17 at 22 22 01\" src=\"https://i.imgur.com/QjmfnIL.jpeg\"\u003e\n\n\n## Wallpapers grid with tilemode \n\n\u003cimg width=\"522\" alt=\"Screenshot 2024-09-17 at 22 22 01\" src=\"https://i.imgur.com/M0zS3hG.png\"\u003e\n\n\n## Usage\n\nImport the package in your Dart code:\n\n```dart\nimport 'package:soft_edge_blur/soft_edge_blur.dart';\n```\n\nWrap any widget with `SoftEdgeBlur` to apply the blur effect:\n\n```dart\nreturn SoftEdgeBlur(\n  edges: [\n    EdgeBlur(\n      type: EdgeType.topEdge,\n      size: 100,\n      sigma: 30,\n      controlPoints: [\n        ControlPoint(\n          position: 0.5,\n          type: ControlPointType.visible,\n        ),\n        ControlPoint(\n          position: 1,\n          type: ControlPointType.transparent,\n        )\n      ],\n    )\n  ],\n  child: YourWidget(),\n);\n```\n\n## Customization\n\nYou can customize the following properties for each edge:\n\n### Edge Type\n\nSpecify which edges to apply the blur effect:\n\n- `EdgeType.topEdge`\n- `EdgeType.bottomEdge`\n- `EdgeType.leftEdge`\n- `EdgeType.rightEdge`\n\nYou can apply blur to multiple edges simultaneously.\n\n### Edge Size\nSet the size of the blurred area. This determines how far the blur effect extends from the edge of the widget.\n\n### Blur Sigma\nAdjust the intensity of the blur effect.\n\n### Tint Color\nApply a tint color on top of the blurred area.\n\n### Control Points\nDefine points to control the blur gradient along the edge. Each control point has two properties:\n\n- `position`: A value between 0.0 and 1.0, representing the position along the edge.\n- `type`: Either `ControlPointType.visible` or `ControlPointType.transparent`.\n\n### Try it live here\n\nhttps://soft_edge_blur.codemagic.app/\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frahiche%2Fsoft_edge_blur","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frahiche%2Fsoft_edge_blur","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frahiche%2Fsoft_edge_blur/lists"}