Components
Loading preview...
A neon text effect component featuring RGB channel splitting, inspired by TikTok's signature glitch aesthetic. Unlike TikTok's dynamic, bouncing RGB separation, this implementation opts for a more subtle and elegant static approach. Using WebGL shaders, it splits the text into red, green, and blue channels with slight horizontal offsets, creating a sophisticated neon glow effect through additive blending. The result is a modern, minimalist take on the glitch effect that maintains visual clarity while adding a touch of digital sophistication.
npx shadcn@latest add https://21st.dev/r/xubohuah/neon-rgbtext-effectimport { NeonRGBTextEffect } from "@/components/ui/neon-rgbtext-effect";
const DemoOne = () => {
return <NeonRGBTextEffect />;
};
export { DemoOne };