{"adoption": {"forks": 287, "observed_at": "2026-08-28T04:07:33.196969+00:00", "stars": 2981}, "canonical_url": "https://ross.abutalabs.com/products/react-native-textinput-effects", "card": {"archived": false, "artifact_type": "library", "description": "Text inputs with custom label and icon animations for iOS and android. Built with react native and inspired by Codrops.", "domain": ["mobile-development", "frontend", "web-development"], "enriched": true, "function": ["ui-components", "animation", "form-handling"], "health_score": 20, "homepage": null, "language": "JavaScript", "license": "MIT", "license_family": "permissive", "maturity": "maintenance", "member_repos": ["halilb/react-native-textinput-effects"], "name": "halilb/react-native-textinput-effects", "platform": ["cross-platform"], "pushed_at": "2024-04-08T12:39:25+00:00", "repo": "halilb/react-native-textinput-effects", "stars": 2981, "tags": ["react-native", "text-input", "animated-textfield", "codrops-inspired", "react-component", "ios", "android"], "topics": [], "urls": [], "use_cases": ["add animated text inputs to a react native app", "create login forms with floating label animations", "use text fields with animated icons on ios and android", "port codrops text input effects to react native", "customize text input labels and styles in react native", "build beautiful form fields for a mobile app"], "what_it_is": "A React Native library providing text input components with custom label and icon animations for iOS and Android, ported from Codrops' TextInputEffects designs. It offers a variety of pre-built animated text field styles that can be customized via props.", "when_to_avoid": ["you are not using React Native (e.g., building for web or native iOS/Android)", "you need highly custom input behavior beyond styling and animation", "you require a library with frequent updates or support for the newest React Native versions"], "when_to_choose": ["you are building a React Native app and want polished, animated text inputs out of the box", "you want Codrops-style text field effects without writing custom animation code", "you need cross-platform (iOS and Android) animated inputs with icon support"]}, "data_as_of": "2026-08-30T08:39:29.467469+00:00", "members": [{"path": "/products/react-native-textinput-effects", "repo": "halilb/react-native-textinput-effects", "role": "main", "score": 23}], "provenance": {"archived": {"kind": "observed", "observed_at": "2026-08-28T04:07:33.196969+00:00", "source": "github"}, "artifact_type": {"confidence": null, "enriched_at": "2026-08-30T07:31:29.681689+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "a96c3bd64ba1874af093900b809a0f213204e72126cb1e329ad81d14693ec43b", "fetched_at": "2026-08-28T04:07:33.196969+00:00", "kind": "readme", "missing": false, "url": "https://github.com/halilb/react-native-textinput-effects"}, {"content_hash": "fc28c46dd3fb4d9cc0b7ad11c902d3c0cb2ae8556861e30e251eeffd59895773", "fetched_at": "2026-08-29T09:46:44.443617+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-native-textinput-effects"}], "taxonomy_version": 1}, "description": {"kind": "observed", "observed_at": "2026-08-28T04:07:33.196969+00:00", "source": "github"}, "domain": {"confidence": null, "enriched_at": "2026-08-30T07:31:29.681689+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "a96c3bd64ba1874af093900b809a0f213204e72126cb1e329ad81d14693ec43b", "fetched_at": "2026-08-28T04:07:33.196969+00:00", "kind": "readme", "missing": false, "url": "https://github.com/halilb/react-native-textinput-effects"}, {"content_hash": "fc28c46dd3fb4d9cc0b7ad11c902d3c0cb2ae8556861e30e251eeffd59895773", "fetched_at": "2026-08-29T09:46:44.443617+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-native-textinput-effects"}], "taxonomy_version": 1}, "enriched": {"inputs": [], "kind": "computed", "method": "enrichment_status"}, "function": {"confidence": null, "enriched_at": "2026-08-30T07:31:29.681689+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "a96c3bd64ba1874af093900b809a0f213204e72126cb1e329ad81d14693ec43b", "fetched_at": "2026-08-28T04:07:33.196969+00:00", "kind": "readme", "missing": false, "url": "https://github.com/halilb/react-native-textinput-effects"}, {"content_hash": "fc28c46dd3fb4d9cc0b7ad11c902d3c0cb2ae8556861e30e251eeffd59895773", "fetched_at": "2026-08-29T09:46:44.443617+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-native-textinput-effects"}], "taxonomy_version": 1}, "health_score": {"inputs": ["days_since_push", "days_since_release", "archived"], "kind": "computed", "method": "health_v1"}, "homepage": {"kind": "observed", "observed_at": "2026-08-28T04:07:33.196969+00:00", "source": "github"}, "language": {"kind": "observed", "observed_at": "2026-08-28T04:07:33.196969+00:00", "source": "github"}, "license": {"kind": "observed", "observed_at": "2026-08-28T04:07:33.196969+00:00", "source": "github"}, "license_family": {"inputs": ["license"], "kind": "computed", "method": "license_family"}, "maturity": {"confidence": null, "enriched_at": "2026-08-30T07:31:29.681689+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "a96c3bd64ba1874af093900b809a0f213204e72126cb1e329ad81d14693ec43b", "fetched_at": "2026-08-28T04:07:33.196969+00:00", "kind": "readme", "missing": false, "url": "https://github.com/halilb/react-native-textinput-effects"}, {"content_hash": "fc28c46dd3fb4d9cc0b7ad11c902d3c0cb2ae8556861e30e251eeffd59895773", "fetched_at": "2026-08-29T09:46:44.443617+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-native-textinput-effects"}], "taxonomy_version": 1}, "member_repos": {"kind": "observed", "observed_at": "2026-08-28T04:07:33.196969+00:00", "source": "github"}, "name": {"kind": "observed", "observed_at": "2026-08-28T04:07:33.196969+00:00", "source": "github"}, "platform": {"confidence": null, "enriched_at": "2026-08-30T07:31:29.681689+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "a96c3bd64ba1874af093900b809a0f213204e72126cb1e329ad81d14693ec43b", "fetched_at": "2026-08-28T04:07:33.196969+00:00", "kind": "readme", "missing": false, "url": "https://github.com/halilb/react-native-textinput-effects"}, {"content_hash": "fc28c46dd3fb4d9cc0b7ad11c902d3c0cb2ae8556861e30e251eeffd59895773", "fetched_at": "2026-08-29T09:46:44.443617+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-native-textinput-effects"}], "taxonomy_version": 1}, "pushed_at": {"kind": "observed", "observed_at": "2026-08-28T04:07:33.196969+00:00", "source": "github"}, "repo": {"kind": "observed", "observed_at": "2026-08-28T04:07:33.196969+00:00", "source": "github"}, "stars": {"kind": "observed", "observed_at": "2026-08-28T04:07:33.196969+00:00", "source": "github"}, "tags": {"confidence": null, "enriched_at": "2026-08-30T07:31:29.681689+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "a96c3bd64ba1874af093900b809a0f213204e72126cb1e329ad81d14693ec43b", "fetched_at": "2026-08-28T04:07:33.196969+00:00", "kind": "readme", "missing": false, "url": "https://github.com/halilb/react-native-textinput-effects"}, {"content_hash": "fc28c46dd3fb4d9cc0b7ad11c902d3c0cb2ae8556861e30e251eeffd59895773", "fetched_at": "2026-08-29T09:46:44.443617+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-native-textinput-effects"}], "taxonomy_version": 1}, "topics": {"kind": "observed", "observed_at": "2026-08-28T04:07:33.196969+00:00", "source": "github"}, "urls": {"kind": "observed", "observed_at": "2026-08-28T04:07:33.196969+00:00", "source": "github"}, "use_cases": {"confidence": null, "enriched_at": "2026-08-30T07:31:29.681689+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "a96c3bd64ba1874af093900b809a0f213204e72126cb1e329ad81d14693ec43b", "fetched_at": "2026-08-28T04:07:33.196969+00:00", "kind": "readme", "missing": false, "url": "https://github.com/halilb/react-native-textinput-effects"}, {"content_hash": "fc28c46dd3fb4d9cc0b7ad11c902d3c0cb2ae8556861e30e251eeffd59895773", "fetched_at": "2026-08-29T09:46:44.443617+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-native-textinput-effects"}], "taxonomy_version": 1}, "what_it_is": {"confidence": null, "enriched_at": "2026-08-30T07:31:29.681689+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "a96c3bd64ba1874af093900b809a0f213204e72126cb1e329ad81d14693ec43b", "fetched_at": "2026-08-28T04:07:33.196969+00:00", "kind": "readme", "missing": false, "url": "https://github.com/halilb/react-native-textinput-effects"}, {"content_hash": "fc28c46dd3fb4d9cc0b7ad11c902d3c0cb2ae8556861e30e251eeffd59895773", "fetched_at": "2026-08-29T09:46:44.443617+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-native-textinput-effects"}], "taxonomy_version": 1}, "when_to_avoid": {"confidence": null, "enriched_at": "2026-08-30T07:31:29.681689+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "a96c3bd64ba1874af093900b809a0f213204e72126cb1e329ad81d14693ec43b", "fetched_at": "2026-08-28T04:07:33.196969+00:00", "kind": "readme", "missing": false, "url": "https://github.com/halilb/react-native-textinput-effects"}, {"content_hash": "fc28c46dd3fb4d9cc0b7ad11c902d3c0cb2ae8556861e30e251eeffd59895773", "fetched_at": "2026-08-29T09:46:44.443617+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-native-textinput-effects"}], "taxonomy_version": 1}, "when_to_choose": {"confidence": null, "enriched_at": "2026-08-30T07:31:29.681689+00:00", "kind": "inferred", "prompt_version": 1, "sources": [{"content_hash": "a96c3bd64ba1874af093900b809a0f213204e72126cb1e329ad81d14693ec43b", "fetched_at": "2026-08-28T04:07:33.196969+00:00", "kind": "readme", "missing": false, "url": "https://github.com/halilb/react-native-textinput-effects"}, {"content_hash": "fc28c46dd3fb4d9cc0b7ad11c902d3c0cb2ae8556861e30e251eeffd59895773", "fetched_at": "2026-08-29T09:46:44.443617+00:00", "kind": "registry_npm", "missing": false, "url": "https://registry.npmjs.org/react-native-textinput-effects"}], "taxonomy_version": 1}}, "score": {"components": {"activity": 0, "longevity": 100, "rhythm": 8}, "computed_at": "2026-09-02T17:46:02.011165+00:00", "flags": [], "formula": "round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)", "inputs": {"age_days": 3745, "days_push": 877, "days_rel": null, "gap_med": null, "n_releases_24m": 0}, "score": 23, "version": 2}, "staleness": {"enrichment_outdated": false, "low_confidence": false, "scrape_days": 9, "stale_scrape": false}}