About neon sign

NeonSign — Instant neon atmosphere

Turn any text or SVG into a glowing, flickering neon sign — a ready-made focal point, set up entirely from the property panel. No code.

Content

Content — Text or SVG.

Text

Text — your words (Enter = line break).
Font — four neon fonts (Pacifico, Monoton, Bungee Inline, Audiowide) or any Framer font via Custom font.
Size / Spacing — font size and letter spacing.

SVG

Source — Paste code or Upload file (.svg).
Render — Fill or Stroke (with Stroke Width).
Force White Core — recolor an uploaded SVG to a white silhouette before the neon glow (see note).
Size — SVG height.

Neon Style

Neon Color / Core Color / Glow — outer color, bright inner core, and glow intensity.

Flicker & Power

Power — on / off (unlit).
Flicker + Style — Subtle, Buzz, or Broken.

Frame

Mode — None, Match Text, or Custom.
Color / Width / Radius — frame look.
Gap — frame-to-content spacing, all sides or per side.
Flicker + Style — flickers independently of the text.

Layout

Background — defaults to black so the neon pops; set transparent to use over a photo.
Padding / Align — spacing and Left / Center / Right.

Working with SVG and color

With Upload file, keep Force White Core on: it turns any SVG into a white silhouette, then lights it in your neon color for a clean, even glow. Off, the SVG keeps its colors and just gains the surrounding glow (fine if it's already white or a light line drawing). For per-part coloring or precise line art, use Paste code — you can recolor shapes and set stroke width.

Note: dragging an SVG onto the canvas only shows a plain image, with no glow — drop it into the component's upload field instead. Flicker, glow, frame, and power work with either method.