Louis Studios

Neon Pulse

Text

About

A heavy slanted word lit in electric blue neon, pulsing every two seconds with a glow that ripples out from the centre to the ends. Move the pointer to move where the ripple starts, click to send an extra pulse.

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

Code

How Neon Pulse is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

"use client"

import * as React from "react"
import { NeonPulse } from "@/components/ui/neon-pulse"

export default function NeonPulseDemo() {
  return (
    <div className="relative h-screen min-h-[560px] w-full bg-black">
      <NeonPulse text="louis" />
    </div>
  )
}

More by Louis Studios

View all
  • Melt Mark

    Melt Mark

    15
  • Dot Tiles

    Dot Tiles

    14
  • Lens Clock

    Lens Clock

    4
  • Brick Digits

    Brick Digits

    3
  • Wave Type

    Wave Type

    3
  • Peak Chart

    Peak Chart

    1
  • Effort Slider

    Effort Slider

    1
  • Metaball Loader

    Metaball Loader

    1

More in Text

View all
  • NeonRGBTextEffect

    NeonRGBTextEffect

    152
  • Vertical Cut Reveal Characters

    Vertical Cut Reveal Characters

    124
  • Apple Hello Effect

    Apple Hello Effect

    638
  • Text Reveal

    Text Reveal

    343
  • Blur Reveal

    Blur Reveal

    326
  • Text Loop

    Text Loop

    332
  • Aero Hero-3

    Aero Hero-3

    591
  • Shine Border

    Shine Border

    980