Text arranged in a circle with rotation animation and hover effects.
Installation
Usage
import { CircularText } from "viora-ui";import { CircularText } from "viora-ui";
export default function CircularTextDemo() {
return (
<div className="flex min-h-[350px] w-full items-center justify-center p-6">
<CircularText />
</div>
);
}API Reference
CircularText
| Prop | Type | Default | Description |
|---|---|---|---|
| text | string | - | Configuration for text. |
| spinDuration? | number | - | Configuration for spinDuration. |
| onHover? | 'slowDown' | 'speedUp' | 'pause' | 'goBonkers' | - | Callback fired on hover event. |
| className? | string | "" | Additional CSS classes for custom styling. |
Built by Otis
Last updated: 9/13/2026