{"id":21748297,"url":"https://github.com/surfstudio/surf-flutter-faded-text","last_synced_at":"2026-04-18T04:03:48.028Z","repository":{"id":221295352,"uuid":"753029390","full_name":"surfstudio/surf-flutter-faded-text","owner":"surfstudio","description":"Made by Surf 🏄","archived":false,"fork":false,"pushed_at":"2024-04-18T15:12:56.000Z","size":8221,"stargazers_count":3,"open_issues_count":0,"forks_count":1,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-09-27T15:17:19.211Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/surfstudio.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","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}},"created_at":"2024-02-05T10:29:23.000Z","updated_at":"2024-12-07T06:48:30.000Z","dependencies_parsed_at":"2024-03-12T11:30:59.106Z","dependency_job_id":"ce6f1dc6-4109-471f-a16d-3f20b8a406e6","html_url":"https://github.com/surfstudio/surf-flutter-faded-text","commit_stats":null,"previous_names":["surfstudio/surf-flutter-faded-text"],"tags_count":9,"template":false,"template_full_name":null,"purl":"pkg:github/surfstudio/surf-flutter-faded-text","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/surfstudio%2Fsurf-flutter-faded-text","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/surfstudio%2Fsurf-flutter-faded-text/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/surfstudio%2Fsurf-flutter-faded-text/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/surfstudio%2Fsurf-flutter-faded-text/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/surfstudio","download_url":"https://codeload.github.com/surfstudio/surf-flutter-faded-text/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/surfstudio%2Fsurf-flutter-faded-text/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31955920,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-18T00:39:45.007Z","status":"online","status_checked_at":"2026-04-18T02:00:07.018Z","response_time":103,"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-26T08:12:57.137Z","updated_at":"2026-04-18T04:03:48.009Z","avatar_url":"https://github.com/surfstudio.png","language":"Dart","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Faded Text\n\n\u003cimg src=\"https://raw.githubusercontent.com/surfstudio/flutter-open-source/main/assets/logo_black.png#gh-light-mode-only\" width=\"200\"\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/surfstudio/flutter-open-source/main/assets/logo_white.png#gh-dark-mode-only\" width=\"200\"\u003e\n\nMade by [Surf 🏄‍♂️🏄‍♂️🏄‍♂️](https://surf.dev/)\n\n[![Build Status](https://shields.io/github/actions/workflow/status/surfstudio/surf-flutter-faded-text/on_pull_request.yml?logo=github\u0026logoColor=white)](https://github.com/surfstudio/surf-flutter-faded-text)\n[![Coverage Status](https://img.shields.io/codecov/c/github/surfstudio/surf-flutter-faded-text?logo=codecov\u0026logoColor=white)](https://app.codecov.io/gh/surfstudio/surf-flutter-faded-text)\n[![Pub Version](https://img.shields.io/pub/v/faded_text?logo=dart\u0026logoColor=white)](https://pub.dev/packages/faded_text)\n[![Pub Likes](https://badgen.net/pub/likes/faded_text)](https://pub.dev/packages/faded_text)\n[![Pub popularity](https://badgen.net/pub/popularity/faded_text)](https://pub.dev/packages/faded_text/score)\n[![License: Apache 2.0](https://img.shields.io/badge/license-apache-purple.svg)](https://www.apache.org/licenses/LICENSE-2.0)\n\n\u003cpicture\u003e\n  \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://raw.githubusercontent.com/surfstudio/surf-flutter-faded-text/main/assets/fade_dark.png\"\u003e\n  \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"https://raw.githubusercontent.com/surfstudio/surf-flutter-faded-text/main/assets/fade_light.png\"\u003e\n  \u003cimg alt=\"Shows an illustrated sun in light mode and a moon with stars in dark mode.\" src=\"https://raw.githubusercontent.com/surfstudio/surf-flutter-faded-text/main/assets/fade_light.png\"\u003e\n\u003c/picture\u003e\n\n\u003cbr\u003e\u003c/br\u003e\n\nEnhance your Flutter app with this package, designed to seamlessly integrate left-to-right fade effects for multi-line text. Perfect for when you need that single-line text elegance in more complex layouts. Made by [Surf :surfer:](https://surf.dev/flutter/) Flutter team :cow2:\n\n## Overview\n\n- :1234: Enabled on every platform - the package is fully written on Flutter side and enabled on every platform\n- :recycle: Fully covered by tests - guaranteeing the result and expectations from this package\n- :notebook_with_decorative_cover: End-to-end documentation - every aspect of implementation is documented, so there is full understanding\n- :cow2: Support from the best Flutter experts - we are open to any enhancement ideas and contributions\n\n## Usage\n\n### Installation\n\nAdd `faded_text` to your `pubspec.yaml` file:\n\n```yaml\ndependencies:\n  faded_text: 0.0.6\n```\n\n### Example\n\nYou need to create an instance of the `FadedText` class like a regular `Text`.\n\n\u003ctable\u003e\n\u003ctr\u003e\n  \u003cth\u003eRegular `Text` with fade effect\u003c/th\u003e\n  \u003cth\u003e`FadedText`\u003c/th\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\n\n  ```dart\n  Text(\n    'Lorem ipsum dolor sit amet, \n    consectetur adipisci and blah blah...',\n    maxLines: 5,\n    overflow: TextOverflow.fade,\n  )\n  ```\n  \u003c/td\u003e\n  \u003ctd\u003e\n\n  ```dart\n  FadedText(\n    'Lorem ipsum dolor sit amet, \n    consectetur adipisci and blah blah...',\n    maxLines: 5,\n  )\n  ```\n  \u003c/td\u003e\n\u003c/tr\u003e\n\u003c/table\u003e\n\nOutput:\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003cth\u003eFade effect of intrinsic `Text`\u003c/th\u003e\n    \u003cth\u003eFade effect of `FadedText`\u003c/th\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\n      \u003cimg src=\"https://i.ibb.co/dLghB0q/example-text.png\"\u003e\n    \u003c/td\u003e\n    \u003ctd\u003e\n      \u003cimg src=\"https://i.ibb.co/3vjgKJg/example-faded-text.png\"\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\nYou can also create `FadedText.rich` like regular `Text.rich`.\n\n\u003ctable\u003e\n\u003ctr\u003e\n  \u003cth\u003eRegular `Tex.rich` with fade effect\u003c/th\u003e\n  \u003cth\u003e`FadedText.rich`\u003c/th\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n  \u003ctd\u003e\n\n  ```dart\n  Text.rich(\n    TextSpan(\n      children: [\n        TextSpan(\n          text:\n            'Lorem ipsum dolor sit amet, \n            consectetur adipisci \n            and blah blah...',\n          ),\n        TextSpan(\n          text:\n            'Ut enim ad minim veniam, \n            quis nostrud and so on...',\n          style: TextStyle(\n            fontWeight: FontWeight.bold,\n            ),\n          ),\n        ],\n      ),\n      maxLines: 4,\n      overflow: TextOverflow.fade,\n    ),\n  ```\n  \u003c/td\u003e\n  \u003ctd\u003e\n\n  ```dart\n  FadedText.rich(\n    TextSpan(\n      children: [\n        TextSpan(\n          text:\n            'Lorem ipsum dolor sit amet,   \n            consectetur adipisci and blah blah...'),\n        TextSpan(\n          text:\n            'Ut enim ad minim veniam, \n            quis nostrud and so on...',\n          style: TextStyle(\n            fontWeight: FontWeight.bold,\n          ),\n        ),\n      ],\n    ),\n    maxLines: 4,\n  )\n  ```\n  \u003c/td\u003e\n\u003c/tr\u003e\n\u003c/table\u003e\n\nOutput:\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003cth\u003eFade effect of intrinsic Text.rich\u003c/th\u003e\n    \u003cth\u003eFade effect of FadedText.rich\u003c/th\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\n      \u003cimg src=\"https://i.ibb.co/PznwK7t/example-text-rich.png\"\u003e\n    \u003c/td\u003e\n    \u003ctd\u003e\n      \u003cimg src=\"https://i.ibb.co/hM0Kk3g/example-faded-text-rich.png\"\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\n\n## Changelog\n\nAll notable changes to this project will be documented [here](./CHANGELOG.md).\n\n## Issues\n\nTo report your issues, file directly in the [Issues](https://github.com/surfstudio/faded-text/issues) section.\n\n## Contribute\n\nIf you would like to contribute to the package (e.g. by improving the documentation, fixing a bug or adding a cool new feature), please read our [contribution guide](./CONTRIBUTING.md) first and send us your pull request.\n\nYour PRs are always welcome.\n\n## How to reach us\n\nPlease feel free to ask any questions about this package. Join our community chat on Telegram. We speak English and Russian.\n\n[![Telegram](https://img.shields.io/badge/chat-on%20Telegram-blue.svg)](https://t.me/SurfGear)\n\n## License\n\n[Apache License, Version 2.0](https://www.apache.org/licenses/LICENSE-2.0)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsurfstudio%2Fsurf-flutter-faded-text","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsurfstudio%2Fsurf-flutter-faded-text","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsurfstudio%2Fsurf-flutter-faded-text/lists"}