# halilb/react-native-textinput-effects

Text inputs with custom label and icon animations for iOS and android. Built with react native and inspired by Codrops.

Repository: https://github.com/halilb/react-native-textinput-effects
Canonical: https://ross.abutalabs.com/products/react-native-textinput-effects
Language: JavaScript
License: MIT
License Family: permissive
Last push: 2024-04-08T12:39:25+00:00

## Health v2 (maintenance only)
Score: 23/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 0, release rhythm 8, longevity 100
- inputs: {"age_days": 3745, "days_push": 877, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 2981, forks 287 (observed 2026-08-28T04:07:33.196969+00:00)

## 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.

## 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

## 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

## 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

## Facets
- artifact type: library
- maturity: maintenance
- function: ui-components, animation, form-handling
- domain: mobile-development, frontend, web-development
- platform: cross-platform
- tags: react-native, text-input, animated-textfield, codrops-inspired, react-component, ios, android

## Member repositories
- halilb/react-native-textinput-effects (main) score 23

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:07:33.196969+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T07:31:29.681689+00:00, confidence not recorded.
  - readme: https://github.com/halilb/react-native-textinput-effects (fetched 2026-08-28T04:07:33.196969+00:00, sha a96c3bd64ba1)
  - registry_npm: https://registry.npmjs.org/react-native-textinput-effects (fetched 2026-08-29T09:46:44.443617+00:00, sha fc28c46dd3fb)
- Data as of 2026-08-30T08:39:29.467469+00:00.