{"id":32292418,"url":"https://github.com/thealphaversion/animated_textformfields","last_synced_at":"2026-02-22T03:41:26.630Z","repository":{"id":56826106,"uuid":"273804562","full_name":"thealphaversion/animated_textformfields","owner":"thealphaversion","description":"A Flutter package that has a collection of animated (and some not so animated) TextFormFields to make UI development faster and more beautiful.","archived":false,"fork":false,"pushed_at":"2020-06-21T21:14:31.000Z","size":3232,"stargazers_count":2,"open_issues_count":0,"forks_count":5,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-10-23T03:32:37.593Z","etag":null,"topics":["animation","flutter","library","textfield","ui-components","widget"],"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/thealphaversion.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}},"created_at":"2020-06-21T00:06:56.000Z","updated_at":"2020-09-11T02:00:39.000Z","dependencies_parsed_at":"2022-09-16T00:50:24.354Z","dependency_job_id":null,"html_url":"https://github.com/thealphaversion/animated_textformfields","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/thealphaversion/animated_textformfields","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thealphaversion%2Fanimated_textformfields","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thealphaversion%2Fanimated_textformfields/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thealphaversion%2Fanimated_textformfields/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thealphaversion%2Fanimated_textformfields/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/thealphaversion","download_url":"https://codeload.github.com/thealphaversion/animated_textformfields/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thealphaversion%2Fanimated_textformfields/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29704418,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-22T03:17:42.375Z","status":"ssl_error","status_checked_at":"2026-02-22T03:17:31.622Z","response_time":110,"last_error":"SSL_read: 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":["animation","flutter","library","textfield","ui-components","widget"],"created_at":"2025-10-23T03:19:53.686Z","updated_at":"2026-02-22T03:41:26.624Z","avatar_url":"https://github.com/thealphaversion.png","language":"Dart","funding_links":[],"categories":[],"sub_categories":[],"readme":"# animated_textformfields\n\nA Flutter package that has a collection of animated (and some not so animated) TextFormFields to make UI development faster and more beautiful.\n\n## Example\n\n![](gif/animated_demo.gif)\n\n## Descriptions\n\n#### Animated TextFormField\n\nThe Animated TextFormField toggles between animatiion states based on wheter is has focus or not. When the textformfield has focus, the textformfield animates the color and the corners of the textformfield.\n\n#### SlideIn TextFormField\n\nThe SlideIn TextFormField animates between the hint text showing up inside the text field when the text is empty, and above the textformfield when it is filled with text.\n\n#### Custom TextFormField Lite\n\nThe Custom TextFormField is a textformfield that does not animate. It is be used to complete another animated TextFormField, but can also be used as a standalone version. \n\n\n## Sample\n\n#### Animated TextFormField\n\n```\nAnimatedTextFormField(\n    width: MediaQuery.of(context).size.width * 0.875,\n    height: 48.0,\n    inputType: TextInputType.text,\n    hintText: \"Name\",\n    controller: textEditingControllerAnimated,\n    textStyle: TextStyle(\n        color: Colors.black,\n        fontSize: 16.0,\n    ),\n    focusNode: myFocusNode,\n    cornerRadius: BorderRadius.circular(14.0),\n)\n```\n\n#### SlideIn TextFormField\n\n```\nSlideInTextFormField(\n    vsync: this,\n    width: MediaQuery.of(context).size.width * 0.875,\n    height: 48.0,\n    inputType: TextInputType.text,\n    fieldText: \"Name\",\n    controller: textEditingControllerSlideIn,\n    textStyle: TextStyle(\n        color: Colors.black,\n        fontSize: 16.0,\n    ),\n    cornerRadius: BorderRadius.circular(14.0),\n)\n```\n\n#### Custom TextFormField Lite\n\n```\nCustomTextFormFieldLite(\n    width: MediaQuery.of(context).size.width * 0.875,\n    height: 48.0,\n    inputType: TextInputType.text,\n    hintText: \"Name\",\n    controller: textEditingControllerLite,\n    textStyle: TextStyle(\n        color: Colors.black,\n        fontSize: 16.0,\n    ),\n    cornerRadius: BorderRadius.circular(14.0),\n)\n```\n\n## Author\n\n\u003ca class=\"github-button\" href=\"https://github.com/thealphaversion\" aria-label=\"Follow @thealphaversion on GitHub\"\u003eFollow @thealphaversion\u003c/a\u003e\n\n\u003ca class=\"github-button\" href=\"https://www.linkedin.com/in/aditya-chakraborti/\" aria-label=\"LinkedIn: thealphaversion\"\u003eLinkedIn: @Aditya Chakraborti\u003c/a\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthealphaversion%2Fanimated_textformfields","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fthealphaversion%2Fanimated_textformfields","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthealphaversion%2Fanimated_textformfields/lists"}