Glitch Text⁽⁰¹⁶⁾

High-energy cybernetic RGB chromatic aberration glitch animation with slice displacement.

Hover

CYBER

Loading…

Installation

$npx kibo add glitch-text

Usage

1import { GlitchText } from "@/components/kibo/glitch-text/component";
2 
3export default function Example() {
4  return (
5    <GlitchText />
6  );
7}

Props Reference

Prop	Type	Default	Description
`children`	`string`	-	Child elements or content to render inside the component.
`speed`	`number`	0.5	Speed multiplier for the motion playback.
`enableShadows`	`boolean`	true	Controls the enable shadows for the component animation.
`enableOnHover`	`boolean`	false	Controls the enable on hover for the component animation.
`className`	`string`	''	Additional CSS classes for styling and layout.