Gathering detailed insights and metrics for @mdfe/react-linkify
Gathering detailed insights and metrics for @mdfe/react-linkify
Gathering detailed insights and metrics for @mdfe/react-linkify
Gathering detailed insights and metrics for @mdfe/react-linkify
React component to parse links (urls, emails, etc.) in text into clickable links
npm install @mdfe/react-linkify
Typescript
Module System
Node Version
NPM Version
70.9
Supply Chain
95.7
Quality
81.3
Maintenance
100
Vulnerability
100
License
JavaScript (100%)
Total Downloads
19,116
Last Day
6
Last Week
33
Last Month
113
Last Year
3,149
MIT License
557 Stars
72 Commits
106 Forks
3 Watchers
23 Branches
10 Contributors
Updated on Jun 25, 2025
Minified
Minified + Gzipped
Latest Version
1.0.0-alpha
Package Id
@mdfe/react-linkify@1.0.0-alpha
Unpacked Size
19.01 kB
Size
5.53 kB
File Count
12
NPM Version
6.14.5
Node Version
12.18.2
Cumulative downloads
Total Downloads
Last Day
0%
6
Compared to previous day
Last Week
106.3%
33
Compared to previous week
Last Month
-15.7%
113
Compared to previous month
Last Year
-70.2%
3,149
Compared to previous year
React component to parse links (urls, emails, etc.) in text into clickable links
Live examples are available at http://tasti.github.io/react-linkify/.
Any link that appears inside the Linkify
component will become clickable.
<Linkify>See examples at tasti.github.io/react-linkify/.</Linkify>
Renders to:
See examples at tasti.github.io/react-linkify/
.
If you're feeling lazy, you can wrap Linkify
around anywhere that you want links to become clickable. Even with nested elements, it traverses the tree to find links.
<Linkify>
<div>react-linkify <span>(tasti.github.io/react-linkify/)</span></div>
<div>React component to parse links (urls, emails, etc.) in text into clickable links</div>
See examples at tasti.github.io/react-linkify/.
<footer>Contact: tasti@zakarie.com</footer>
</Linkify>
Renders to:
react-linkify (tasti.github.io/react-linkify/
)
React component to parse links (urls, emails, etc.) in text into clickable links
See examples at tasti.github.io/react-linkify/
.
Contact: tasti@zakarie.com
yarn add react-linkify
or
npm install react-linkify --save
1import Linkify from 'react-linkify'; 2 3React.render( 4 <Linkify>Examples are available at tasti.github.io/react-linkify/.</Linkify>, 5 document.body 6);
component
The type of component to wrap links in.
type: any
default: 'a'
properties
The props that will be added to every matched component.
type: object
default: {}
NOTE: Use Linkify.MATCH
as a value to specify the matched link. The properties prop will always contain {href: Linkify.MATCH, key: 'LINKIFY_KEY_#'}
unless overridden.
You can access to the global Linkify
instance used to linkify contents by importing it (import { linkify } from 'react-linkify'
).
That way you can customize as needed (e.g. disabling existing schemas or adding new ones).
Note that any customization made to that instance will affect every Linkify
component you use.
All kind of links detectable by linkify-it are supported. For examples, visit their website.
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
license file detected
Details
Reason
Found 11/19 approved changesets -- score normalized to 5
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
project is not fuzzed
Details
Reason
security policy file not detected
Details
Reason
branch protection not enabled on development/release branches
Details
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
Reason
72 existing vulnerabilities detected
Details
Score
Last Scanned on 2025-06-23
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More