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 — Text or SVG.
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.
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 Color / Core Color / Glow — outer color, bright inner core, and glow intensity.
Power — on / off (unlit).
Flicker + Style — Subtle, Buzz, or Broken.
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.
Background — defaults to black so the neon pops; set transparent to use over a photo.
Padding / Align — spacing and Left / Center / Right.
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.
Adjust Size on tablet/phone breakpoints so the sign fits.
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 — Text or SVG.
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.
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 Color / Core Color / Glow — outer color, bright inner core, and glow intensity.
Power — on / off (unlit).
Flicker + Style — Subtle, Buzz, or Broken.
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.
Background — defaults to black so the neon pops; set transparent to use over a photo.
Padding / Align — spacing and Left / Center / Right.
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.
Adjust Size on tablet/phone breakpoints so the sign fits.
