windups
Advanced tools
Weekly downloads
Changelog
v1.2.1
resume
would cause the windup to add the next
character 50 years in the future. Thank you
anulman!Readme
🐸 Examples, guides, API docs, and more! Much of it presented by a talking frog!
A unique typewriter (or, ahem, "windup") effect library for React.
This effect can be applied to strings or pretty anything you can put in React's children
prop.
For strings:
import { useWindup } from "windups";
function MyWindup() {
const [text] = useWindup(
"This string will be rendered character by character!"
);
return <div>{text}</div>;
}
For pretty much everything else:
import { WindupChildren } from "windups";
function MyWindup() {
return (
<WindupChildren>
{"It's fun to do"}
<em>{"wild"}</em>
{"stuff with text!"}
</WindupChildren>
);
}
There are additional APIs for:
Want to see a codebase that makes extensive, real-word use of this package? Source for the docs site is at https://github.com/sgwilym/windups-docs
FAQs
A unique typewriter effect library for React.
The npm package windups receives a total of 544 weekly downloads. As such, windups popularity was classified as not popular.
We found that windups demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket installs a Github app to automatically flag issues on every pull request and report the health of your dependencies. Find out what is inside your node modules and prevent malicious activity before you update the dependencies.