Registry / web-framework / react-linkify

react-linkify

JSON →
library1.0.0-alphajsnpmunverified

A React component that automatically transforms URLs, emails, and other linkable text patterns into clickable anchor tags. Current stable version is 0.2.2, with a 1.0.0-alpha release available. It wraps the linkify-it library and recurses through children to detect links, supporting custom component wrappers, properties, and the ability to customize the underlying linkify-it instance. Differentiators include simple declarative usage as a React component, support for nested elements, and full customization via the linkify-it API.

web-frameworkserialization
github ↗package ↗homepage ↗
Install & Compatibility
Where this runs
tested against v? · npm install
Install × environment matrix
Each cell = how many times install + import succeeded across repeated harness runs. Partial = flaky.
glibc = Debian/Ubuntu slim · musl = Alpine Linux
musl
node 18–226 runs
build_error
glibc
node 18–226 runs
build_error
Code
Verified usage

Verified import paths — ran on the pinned version, not inferred.

Default export; CJS require also works but ESM import is recommended.

import Linkify from 'react-linkify'

Named export of the underlying linkify-it instance for customization.

import { linkify } from 'react-linkify'

MATCH is a static property on the default export, not a named export.

import Linkify from 'react-linkify'; Linkify.MATCH

Basic usage of the Linkify component to turn URLs and emails into clickable links.

import React from 'react'; import Linkify from 'react-linkify'; function App() { return ( <Linkify> Visit example.com or email test@example.com. </Linkify> ); } export default App;
Debug
Known footguns
deprecatedLinkify.MATCH is no longer exported as a constant in v1.0.0-alpha. Use a custom string placeholder instead.
breakingIn v1.0.0-alpha, the component no longer recurses into nested children by default; you must use <Linkify component='span'> to wrap text nodes.
gotchaLinkify modifies the global linkify-it instance when using the named export 'linkify'. This can lead to unexpected behavior if multiple components share the same instance.
Upgrade
Version history

Breaking-change detection hasn't run for this library yet.

Audit
Security & dependencies

CVE tracking and dependency tree are planned for a later release.

Agent activity
17 hits · last 30 days
gptbot
4
ahrefsbot
4
amazonbot
4
script
1
bingbot
1
bytedance
1
Resources
githubhttps://github.com/tasti/react-linkify ↗
packagehttps://www.npmjs.com/package/react-linkify ↗
homepagehttp://tasti.github.io/react-linkify/ ↗