Skip to content

component

Neonic

By Tanjir i.

Details

Summary

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…

Description

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. Purpose & Usage 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. Customization 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.

Introduction

Flickering neon sign text

Rank history

Daily rank per list, from the first snapshot — lower is better.

12001400156198/148/228/309/79/15
  • All · #5619