Apple Intelligence Glow

The Apple Intelligence summon effect for React: a flowing multicolor glow that sweeps around the edge of the screen, blooms inward, and breathes while it listens — the Siri-style edge light. Tap to summon, tap again to dismiss.

Feels like

Tap/Glow/Sound

Built with

React 19Tailwind v4

Steal it

npx shadcn@latest add https://1iad.com/r/intelligence-glow

One self-contained file. Paste the prompt into your AI agent and it does the rest.

Good to know

No config. Nothing to set up beyond Tailwind.
Respects prefers-reduced-motion out of the box.
Sound and haptics only fire after a user gesture.

Credits

Built in public by Sunny JoshiMIT licensed. Free to steal.

Back

Apple Intelligence Glow

The Apple Intelligence summon effect for React: a flowing multicolor glow that sweeps around the edge of the screen, blooms inward, and breathes while it listens — the Siri-style edge light. Tap to summon, tap again to dismiss. Install: npx shadcn@latest add https://1iad.com/r/intelligence-glow

Live tuner

Glow

Reshape the bloom in real time. Yours to play with.

Layer 01

Ring3

Blur15

Opacity100%

Breathe

Layer 02

Ring8

Blur12

Opacity100%

Breathe

Layer 03

Ring9

Blur28

Opacity100%

Breathe

Delay0.0s

Layer 04

Ring18

Blur32

Opacity90%

Breathe

Delay0.2s

export const GLOW_LAYERS: GlowLayer[] = [
  { t: 3, b: 15, o: 1, breathe: false, delay: "0s" },
  { t: 8, b: 12, o: 1, breathe: false, delay: "0s" },
  { t: 9, b: 28, o: 1, breathe: true, delay: "0s" },
  { t: 18, b: 32, o: 0.9, breathe: true, delay: "0.2s" },
];

Apple Intelligence Glow004