{"id":13552387,"url":"https://github.com/kherel/pixel_perfect","last_synced_at":"2026-02-22T01:37:13.917Z","repository":{"id":42246169,"uuid":"356003138","full_name":"kherel/pixel_perfect","owner":"kherel","description":"Compare your design and current flutter layout. ","archived":false,"fork":false,"pushed_at":"2023-05-22T11:53:11.000Z","size":4997,"stargazers_count":46,"open_issues_count":1,"forks_count":10,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-10-23T02:34:08.393Z","etag":null,"topics":["awesome-flutter","flutter","flutter-tool","pixel-perfect"],"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/kherel.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}},"created_at":"2021-04-08T17:57:26.000Z","updated_at":"2024-10-09T16:40:22.000Z","dependencies_parsed_at":"2024-01-19T07:02:08.917Z","dependency_job_id":"09c736d7-35c0-4621-86aa-ffff8ed7b4b9","html_url":"https://github.com/kherel/pixel_perfect","commit_stats":{"total_commits":23,"total_committers":2,"mean_commits":11.5,"dds":0.04347826086956519,"last_synced_commit":"f19eb5a950617d9e9aa134cf602099689b1180d6"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/kherel/pixel_perfect","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kherel%2Fpixel_perfect","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kherel%2Fpixel_perfect/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kherel%2Fpixel_perfect/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kherel%2Fpixel_perfect/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kherel","download_url":"https://codeload.github.com/kherel/pixel_perfect/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kherel%2Fpixel_perfect/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29703227,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-21T23:35:04.139Z","status":"ssl_error","status_checked_at":"2026-02-21T23:35:03.832Z","response_time":107,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["awesome-flutter","flutter","flutter-tool","pixel-perfect"],"created_at":"2024-08-01T12:02:03.245Z","updated_at":"2026-02-22T01:37:13.900Z","avatar_url":"https://github.com/kherel.png","language":"Dart","funding_links":[],"categories":["Dart","Utilities [🔝](#readme)"],"sub_categories":[],"readme":"# pixel_perfect\n\n[![Pub](https://img.shields.io/pub/v/pixel_perfect.svg)](https://pub.dartlang.org/packages/pixel_perfect)\n[![License: MIT](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)\n[![style: effective dart](https://img.shields.io/badge/style-effective_dart-40c4ff.svg)](https://pub.dev/packages/effective_dart)\n[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/kherel/pixel_perfect)\n[![Awesome Flutter](https://img.shields.io/badge/Awesome-Flutter-blue.svg?longCache=true\u0026style=flat-square)](https://github.com/Solido/awesome-flutter)\n\n![logo](logo.png)\n\nPut a semi-transparent image with the design over the top of the developed layout. It helps you to compare original design and current page.\n\n![demo1](demo1.gif)\n\n\n![demo2](demo2.gif)\n\n## Getting started\n\nAdd pixel_perfect in your `pubspec.yaml` dependencies.\n\n```yaml\ndependencies:\n pixel_perfect: any\n```\n\n### How To Use\n\n**Simple use**\n\nAdd assets folder with images to your `pubspec.yaml`\n\n```yaml\n  uses-material-design: true\n  assets:\n    - assets/\n```\n\nImport the following package in your dart file\n\n```dart\nimport 'package:pixel_perfect/pixel_perfect.dart';\n```\n\n```dart\n\nreturn PixelPerfect(\n  assetPath: 'assets/design.png', // path to your asset image\n  scale: 1, // scale value (optional)\n  initBottom: 20, //  default bottom distance (optional)\n  offset: Offset.zero, // default image offset (optional)\n  initOpacity: 0.4, // init opacity value (optional)\n  child: Scaffold(\n    ..\n  )\n)\n```\n\n**Extended use**\n\n```dart\n\nreturn PixelPerfect.extended(\n  image: Image.asset( // any image file\n    'assets/element.png',\n    scale: 2,\n  ), \n  initBottom: 20, //  default bottom distance (optional)\n  offset: Offset.zero, // default image offset (optional)\n  initOpacity: 0.4, // init opacity value (optional)\n  child: Scaffold(\n    ..\n  )\n)\n```\n\n\n**Video tutorials** by [Learn App Code](https://www.youtube.com/channel/UChMjpXwPFzK6x82qz-R_TEQ)\n\n[How to Make Pixel Perfect Flutter Apps](https://www.youtube.com/watch?v=L4G_ylrmKQ8)  \n[How to Make Responsive Flutter Apps, Pixel Perfect](https://www.youtube.com/watch?v=Chat5vYVGg0) \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkherel%2Fpixel_perfect","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkherel%2Fpixel_perfect","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkherel%2Fpixel_perfect/lists"}