Distort Text Animation
A component that applies a scrambling animation to text, perfect for emphasizing important information.
Pumki UIA collection of projects showcasing RAG, agents, workflows, and other AI use casesA collection of projects showcasing RAG, agents, workflows, and other AI use casesA collection of projects showcasing RAG, agents, workflows, and other AI use casesA collection of projects showcasing RAG, agents, workflows, and other AI use casesA collection of projects showcasing RAG, agents, workflows, and other AI use casesA collection of projects showcasing RAG, agents, workflows, and other AI use casesA collection of projects showcasing RAG, agents, workflows, and other AI use casesA collection of projects showcasing RAG, agents, workflows, and other AI use casesA collection of projects showcasing RAG, agents, workflows, and other AI use casesA collection of projects showcasing RAG, agents, workflows, and other AI use casesA collection of projects showcasing RAG, agents, workflows, and other AI use casesA collection of projects showcasing RAG, agents, workflows, and other AI use casesA collection of projects showcasing RAG, agents, workflows, and other AI use cases
Installation
Usage
1import { DistortText } from '@/components/pumki-ui/text/distort-text';Example
Pumki UIA collection of projects showcasing RAG, agents, workflows, and other AI use casesA collection of projects showcasing RAG, agents, workflows, and other AI use casesA collection of projects showcasing RAG, agents, workflows, and other AI use casesA collection of projects showcasing RAG, agents, workflows, and other AI use casesA collection of projects showcasing RAG, agents, workflows, and other AI use casesA collection of projects showcasing RAG, agents, workflows, and other AI use casesA collection of projects showcasing RAG, agents, workflows, and other AI use casesA collection of projects showcasing RAG, agents, workflows, and other AI use cases
Props
| Prop | Type | Default | Description |
|---|---|---|---|
distortChar? | string | .: | Characters used to distort the text during the animation. |