Repository
Current version released
3 years ago
Dependencies
esm.sh
Versions
π¦ Text Glitch
Glitch Text Library for Deno & React!
π¦ Demo
Sample Aleph Project (Sample Code)
π¦ Specs
useGlitch
type GlitchOption = {
updateInterval: number; // (ms)
mutate: number; // (0.0~1.0) Profability mutaiting for each character
deleteMutate: number; // (0.0~1.0) Probability deleting for each character
addMutate: number; // (0.0~1.0) Probability adding for each character
};
useConstruct
type ConstructOption = {
loop: boolean;
loopInterval: number; // (ms) waiting time for next effect
forwardInterval: number; // (ms) moving time to next character
updateInterval: number; // (ms)
mutateProbability: number; // (0.0~1.0) Profability mutaiting for each character
mutateAfterConstructed: boolean; // Even after constructed, mutating?
mutateAfterProbability: number; // (0.0~1.0) Profability mutaiting for each character after constructed
};
π¦ Extracted Code
function Sample() {
const [glitchText, setGlitchText] = useGlitch("Text Glitch Library", {
mutate: 0.2,
});
return <div>{glitchText}</div>;
}
π¦ Contribute
π¦π¦π¦ Welcome for your any PRs! π¦π¦π¦
π¦ TODO
- implement other text effect
- deal with Node.js runtime (compile to js, jsx)