Neonic is a lightweight typography component that turns any heading into a glowing neon sign — a hot inner edge, a soft colored bloom, and an authentic tube flicker with the occasional dropout, just like a real sign that's been running all night.
Perfect for hero sections, event pages, nightlife and hospitality brands, portfolio intros, or any layout that wants one word to feel lit from within.
This component is intentionally designed as a non-interactive text element. It is not meant to function as a button or a navigation link, even though the glow may visually resemble interactive UI.
Use it for:
Hero headings
Signage-style labels
Decorative intro text
If users want to use it as a link, they can wrap it inside a link container — but the component itself is optimized for styling text only, not triggering actions.
Easily customize text and glow color, inner/outer glow radius, flicker on or off, flicker speed, text size, and fonts directly from the Framer edit panel. The flicker runs on real animation, not a looping video or GIF, so it stays crisp and lightweight at any size.
Neonic is a lightweight typography component that turns any heading into a glowing neon sign — a hot inner edge, a soft colored bloom, and an authentic tube flicker with the occasional dropout, just like a real sign that's been running all night.
Perfect for hero sections, event pages, nightlife and hospitality brands, portfolio intros, or any layout that wants one word to feel lit from within.
This component is intentionally designed as a non-interactive text element. It is not meant to function as a button or a navigation link, even though the glow may visually resemble interactive UI.
Use it for:
Hero headings
Signage-style labels
Decorative intro text
If users want to use it as a link, they can wrap it inside a link container — but the component itself is optimized for styling text only, not triggering actions.
Easily customize text and glow color, inner/outer glow radius, flicker on or off, flicker speed, text size, and fonts directly from the Framer edit panel. The flicker runs on real animation, not a looping video or GIF, so it stays crisp and lightweight at any size.
