Components
True Focus
A text animation component that creates a "focus effect" by highlighting words sequentially or on hover. Features animated corners, blur transitions, and customizable styles.
import React from 'react';
import { TrueFocus } from "@/components/ui/true-focus";
const TrueFocusComponent: React.FC = () => {
return (
<TrueFocus
sentence="True Focus"
manualMode={false}
blurAmount={5}
borderColor="red"
animationDuration={2}
pauseBetweenAnimations={1}
/>
);
};
export { TrueFocusComponent };