{"id":21196350,"url":"https://github.com/davigmacode/flutter_overlap_stack","last_synced_at":"2026-04-24T20:07:17.669Z","repository":{"id":229778750,"uuid":"777071257","full_name":"davigmacode/flutter_overlap_stack","owner":"davigmacode","description":"Intelligently stacks your widgets, allowing them to partially overlap for a compact and visually interesting layout.","archived":false,"fork":false,"pushed_at":"2024-04-04T01:12:54.000Z","size":482,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-14T21:49:57.697Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://pub.dev/packages/overlap_stack","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-3-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/davigmacode.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","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},"funding":{"github":["davigmacode"],"patreon":null,"open_collective":null,"ko_fi":"davigmacode","tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"lfx_crowdfunding":null,"custom":["https://www.buymeacoffee.com/davigmacode"]}},"created_at":"2024-03-25T06:18:41.000Z","updated_at":"2024-12-15T08:18:09.000Z","dependencies_parsed_at":"2024-04-04T02:29:50.033Z","dependency_job_id":null,"html_url":"https://github.com/davigmacode/flutter_overlap_stack","commit_stats":null,"previous_names":["davigmacode/flutter_overlap_stack"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/davigmacode/flutter_overlap_stack","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davigmacode%2Fflutter_overlap_stack","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davigmacode%2Fflutter_overlap_stack/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davigmacode%2Fflutter_overlap_stack/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davigmacode%2Fflutter_overlap_stack/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/davigmacode","download_url":"https://codeload.github.com/davigmacode/flutter_overlap_stack/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davigmacode%2Fflutter_overlap_stack/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28121146,"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-12-29T02:00:07.021Z","response_time":58,"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":[],"created_at":"2024-11-20T19:35:45.440Z","updated_at":"2025-12-29T20:59:23.285Z","avatar_url":"https://github.com/davigmacode.png","language":"Dart","funding_links":["https://github.com/sponsors/davigmacode","https://ko-fi.com/davigmacode","https://www.buymeacoffee.com/davigmacode"],"categories":[],"sub_categories":[],"readme":"[![Pub Version](https://img.shields.io/pub/v/overlap_stack)](https://pub.dev/packages/overlap_stack) ![GitHub](https://img.shields.io/github/license/davigmacode/flutter_overlap_stack) [![GitHub](https://badgen.net/badge/icon/buymeacoffee?icon=buymeacoffee\u0026color=yellow\u0026label)](https://www.buymeacoffee.com/davigmacode) [![GitHub](https://badgen.net/badge/icon/ko-fi?icon=kofi\u0026color=red\u0026label)](https://ko-fi.com/davigmacode)\n\nOverlapStack intelligently stacks your widgets, allowing them to partially overlap for a compact and visually interesting layout. This space-saving solution is perfect for user lists, chat previews, or any situation where you want to showcase multiple elements without cluttering the screen.\n\n[![Preview](https://github.com/davigmacode/flutter_overlap_stack/raw/main/media/preview.gif)](https://davigmacode.github.io/flutter_overlap_stack)\n\n[Demo](https://davigmacode.github.io/flutter_overlap_stack)\n\n## Usage\n\nTo read more about classes and other references used by `overlap_stack`, see the [API Reference](https://pub.dev/documentation/overlap_stack/latest/).\n\n```dart\nOverlapStack(\n  minSpacing: 0.5,\n  maxSpacing: 0.5,\n  itemSize: const Size(64, 32),\n  children: List\u003cWidget\u003e.generate(9, (i) {\n    return Container(\n      width: 64,\n      height: 32,\n      alignment: Alignment.center,\n      color: Colors.amber[(i + 1) * 100]!,\n      child: const FlutterLogo(),\n    );\n  }),\n)\n\nContainer(\n  color: Colors.black12,\n  height: 40,\n  child: OverlapStack.builder(\n    minSpacing: 0.5,\n    maxSpacing: 0.8,\n    // align: OverlapStackAlign.end,\n    leadIndex: 3,\n    // infoIndex: 3,\n    // itemSize: const Size.square(40),\n    itemLimit: 12,\n    itemCount: 25,\n    itemBuilder: (context, i) {\n      return CircleAvatar(\n        foregroundImage: NetworkImage(\n          'https://i.pravatar.cc/50?u=$i',\n        ),\n      );\n    },\n    infoBuilder: (context, remaining) {\n      return CircleAvatar(\n        backgroundColor: Colors.red,\n        foregroundColor: Colors.white,\n        child: Text('+$remaining'),\n      );\n    },\n  ),\n)\n```\n\n## Sponsoring\n\n\u003ca href=\"https://www.buymeacoffee.com/davigmacode\" target=\"_blank\"\u003e\u003cimg src=\"https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png\" alt=\"Buy Me A Coffee\" height=\"45\"\u003e\u003c/a\u003e\n\u003ca href=\"https://ko-fi.com/davigmacode\" target=\"_blank\"\u003e\u003cimg src=\"https://storage.ko-fi.com/cdn/brandasset/kofi_s_tag_white.png\" alt=\"Ko-Fi\" height=\"45\"\u003e\u003c/a\u003e\n\nIf this package or any other package I created is helping you, please consider to sponsor me so that I can take time to read the issues, fix bugs, merge pull requests and add features to these packages.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdavigmacode%2Fflutter_overlap_stack","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdavigmacode%2Fflutter_overlap_stack","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdavigmacode%2Fflutter_overlap_stack/lists"}