lightswind
Version:
A collection of beautifully crafted React Components, Blocks & Templates for Modern Developers. Create stunning web applications effortlessly by using our 160+ professional and animated react components.
46 lines (45 loc) • 1.16 kB
TypeScript
interface RollingText3DProps {
/**
* The text to be animated.
*/
text: string;
/**
* Font size of the text (e.g., "5vw", "48px").
* Defaults to "8vw" for a professional hero look.
*/
fontSize?: string;
/**
* Color of the text.
*/
color?: string;
/**
* Additional tailwind classes for the container.
*/
className?: string;
/**
* Duration of one full rotation cycle in seconds.
*/
duration?: number;
/**
* Stagger delay between characters.
*/
stagger?: number;
/**
* Perspective depth for the 3D effect.
*/
perspective?: number;
/**
* Letter spacing.
*/
letterSpacing?: string;
/**
* Number of duplicate lines in the "tube" (default is 4).
*/
linesCount?: number;
}
/**
* RollingText3D - A premium 3D text rotation component.
* Replicates the "Tube" rotation effect using GSAP.
*/
export declare const RollingText3D: ({ text, fontSize, color, className, duration, stagger, perspective, letterSpacing, linesCount, }: RollingText3DProps) => import("react/jsx-runtime").JSX.Element;
export {};