Gathering detailed insights and metrics for @rigo-m/react-split-text
Gathering detailed insights and metrics for @rigo-m/react-split-text
Wrap your letters, words and lines with custom React elements
Installations
npm install @rigo-m/react-split-textDeveloper Guide
BETA
Typescript
No
Module System
CommonJS
Min. Node Version
>=10
Score
71.4
Supply Chain
79.7
Quality
75
Maintenance
100
Vulnerability
100
License
Releases
Unable to fetch releases
Languages
5
TypeScript
Shell
CSS
HTML
JavaScript
TypeScript (93.16%)
Shell (2.3%)
CSS (2.18%)
HTML (1.91%)
JavaScript (0.45%)
Developer
Download Statistics
Total Downloads
2,805
Last Day
1
Last Week
31
Last Month
90
Last Year
706
GitHub Statistics
MIT License
52 Stars
47 Commits
17 Forks
1 Watchers
13 Branches
1 Contributors
Updated on Mar 19, 2025
Bundle Size
3.97 kB
Minified
1.67 kB
Minified + Gzipped
Maintainers
1
Package Meta Information
Latest Version
1.0.1
Package Id
@rigo-m/react-split-text@1.0.1
Unpacked Size
80.48 kB
Size
19.36 kB
File Count
28
Total Downloads
Cumulative downloads
Total Downloads
2,805
Last Day
0%
1
Compared to previous day
Last Week
3.3%
31
Compared to previous week
Last Month
73.1%
90
Compared to previous month
Last Year
-57.1%
706
Compared to previous year
Weekly Downloads
Monthly Downloads
Yearly Downloads
Peer Dependencies
1
Dev Dependencies
29
@commitlint/cli@commitlint/config-conventional@size-limit/preset-small-lib@types/enzyme@types/enzyme-adapter-react-16@types/react@types/react-dom@typescript-eslint/eslint-plugin@typescript-eslint/parserdoczenzymeenzyme-adapter-react-16eslinteslint-config-prettiereslint-plugin-importeslint-plugin-jesteslint-plugin-jest-formattingeslint-plugin-prettiereslint-plugin-reacthuskylint-stagedpkg-okreactreact-domsize-limitstandard-versiontsdxtslibtypescript
This component lets you split your text, and wrap each line, word or letter with a custom element. The lines and words are correctly split according to how they fit in the layout. The component doesn't change that behavior, it just analyses the text and wrap each line, word and letter in a custom element. This lib is useful when trying to make text animations or special effects with texts.
Features
- Zero-dependency 1.44 KB minified and gzipped
- Wrap your letters, words or lines with custom elements
- Respect and keep your layout integrity
- Readjust on resize
- Support dynamic text
Installation
1npm i @cyriacbr/react-split-text 2# or 3yarn add @cyriacbr/react-split-text
Usage
To use this library, simply wrap your text with the SplitText component.
The text will automatically be wrapped, by default with span elements, and will be readjusted on resize.
1<SplitText> 2 Hello World 3</SplitText>
Everything else is covered in the documentation.
No vulnerabilities found.
No security vulnerabilities found.