Skip to the content

Library/ 111 glitch-indexNewProNavigation

Glitch Index

A red bar that jumps down a list of giant names.

A Pro component: the live demo and the code come with Pro.

Settings

Pro
  • barHeight
  • glitch
  • picture
Tune it live with Pro

What it does

Glitch Index is a navigation animation ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called scanline index list, glitch list scroll or scroll highlight list.

A stack of giant names sits over a round picture. Hovering a row snaps a red bar onto it, collapsing into thin scanlines on the way while the names flicker in slices. Keyboard focus moves the bar too, and the list stays plain markup.

With Pro

The AI prompt, the React component, the plain JavaScript file and the embed come with Pro, along with the live demo. Every setting is optional: with none, you get the effect as the preview shows it.