Louis Studios

Neon Hello

Text 5

About

A glass neon tube writes hello in flowing rainbow light, ringed by a breathing frame of edge glow that turns and pulses when the word is done.

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

Code

How Neon Hello 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 { NeonHello } from "@/components/ui/neon-hello"

export default function NeonHelloDemo() {
  return (
    <div className="relative h-screen min-h-[480px] w-full bg-black">
      <NeonHello />
    </div>
  )
}

More by Louis Studios

View all
  • Dot Tiles

    Dot Tiles

    90
  • Lens Clock

    Lens Clock

    32
  • Melt Mark

    Melt Mark

    26
  • Wave Type

    Wave Type

    19
  • Brick Digits

    Brick Digits

    14
  • LED Badges

    LED Badges

    10
  • Neon Loop

    Neon Loop

    6
  • Neon Pulse

    Neon Pulse

    5

More in Text

View all
  • Rainbow Text Effect

    Rainbow Text Effect

    52
  • Vapour Text Effect

    Vapour Text Effect

    2K
  • Apple Hello Effect

    Apple Hello Effect

    640
  • Text Reveal

    Text Reveal

    26
  • NeonRGBTextEffect

    NeonRGBTextEffect

    152
  • Blur Reveal

    Blur Reveal

    330
  • Random Letter Swap

    Random Letter Swap

    368
  • Text Effect

    Text Effect

    1.7K