UI Components
Neon Sign Text
A glowing neon sign headline with tube light effect, wall texture, and flicker animation.
by mcpskills
Framework
reacttailwind
UI Library
content
Difficultyintermediate
English Prompt
Create a premium neon sign text component. Use a dark brick or concrete-textured background. The text is a large script or bold sans-serif headline (e.g., 'OPEN LATE') rendered with a bright neon color (hot pink or electric blue). Apply multiple text-shadow layers to simulate a glowing tube: a tight white core, a medium glow in the neon color, and a large soft outer glow. Add a subtle flicker animation that randomly dims and restores the glow over a few seconds. Include a small wall-mount bracket or reflection beneath the text for realism. Use no emojis, only CSS text-shadow and animations. The overall vibe should be retro nightlife signage.
Chinese Prompt
创建一个高级霓虹灯文字组件。使用深色砖墙或混凝土纹理背景。文字是大号手写体或粗体无衬线标题(如 'OPEN LATE'),使用明亮的霓虹色(热粉色或电光蓝)。应用多层 text-shadow 模拟发光灯管:紧贴的白色核心、中等霓虹色光晕、宽大的柔和外发光。添加微妙的闪烁动画,在几秒内随机变暗并恢复发光。文字下方添加小墙装支架或倒影以增强真实感。不使用 emoji,仅使用 CSS text-shadow 和动画。整体氛围应像复古夜生活招牌。

Glowing neon sign headline with tube light effect and flicker animation.