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.5
Supply Chain
79.7
Quality
75
Maintenance
100
Vulnerability
100
License
Releases
Unable to fetch releases
Contributors
1
Unable to fetch Contributors
Languages
5
TypeScript
Shell
CSS
HTML
JavaScript
TypeScript (93.16%)
Shell (2.3%)
CSS (2.18%)
HTML (1.91%)
JavaScript (0.45%)
Love this project? Help keep it running — sponsor us today! 🚀
Developer
Download Statistics
Total Downloads
2,562
Last Day
3
Last Week
26
Last Month
84
Last Year
706
GitHub Statistics
MIT License
51 Stars
47 Commits
18 Forks
2 Watchers
13 Branches
1 Contributors
Updated on Nov 18, 2024
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,562
Last Day
-57.1%
3
Compared to previous day
Last Week
36.8%
26
Compared to previous week
Last Month
250%
84
Compared to previous month
Last Year
-53.1%
706
Compared to previous year
Daily Downloads
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.