NeonRGBTextEffect

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.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds NeonRGBTextEffect to your project and fits it to your theme.

import { NeonRGBTextEffect } from "@/components/ui/neon-rgbtext-effect";

const DemoOne = () => {
  return <NeonRGBTextEffect />;
};

export { DemoOne };