A footer built for products that want to look like infrastructure. Graphite base, frosted glass surfaces, an iridescent chrome wordmark, and a slow animated wireframe horizon running behind it all.
The top bar reads like a telemetry strip — a pulsing status light, coordinates, node ID and uplink percentage, set in monospace caps on frosted glass. Below it sits an oversized wordmark, then a glass link panel with four columns, hairline dividers and HUD corner brackets. A marquee closes the footer and slows down when you hover it.
Everything is text-driven. Drop the component in, type your brand name, retitle the four columns, and paste your links — no layer digging.
What you get
Three variants: Desktop, Tablet, Phone — column grid reflows from 4 → 2 → stacked
55 property controls: wordmark, eyebrow, tagline, status, coordinates, node ID, uplink, ticker text, copyright, locale, 4 column titles, 16 link labels each with its own URL field, 5 social URLs
11 color styles — recolor the whole footer from the Styles panel without touching a single layer
8 text styles for wordmark, tagline, column titles, links, HUD labels and ticker
Real glass: backdrop blur, hairline borders, inner light edge, deep drop shadow
Animated mesh shader background, pulsing signal dot, hover-lift social chips, hover-slowed marquee
Five social icons included (X, GitHub, LinkedIn, Discord, YouTube)
Fonts Antonio (wordmark), Geist (links and body), Kode Mono (HUD labels, ticker, meta). All free Google Fonts, loaded automatically.
Notes Built with native Framer layers — no code component, fully editable on canvas. The dark palette is intentional; swap the Footer/Base, Glass, Hairline, Chrome and Signal color styles to move it to another world.
Tags footer, sci-fi, glassmorphism, dark, HUD, futuristic, tech, saas, glass, animated
A footer built for products that want to look like infrastructure. Graphite base, frosted glass surfaces, an iridescent chrome wordmark, and a slow animated wireframe horizon running behind it all.
The top bar reads like a telemetry strip — a pulsing status light, coordinates, node ID and uplink percentage, set in monospace caps on frosted glass. Below it sits an oversized wordmark, then a glass link panel with four columns, hairline dividers and HUD corner brackets. A marquee closes the footer and slows down when you hover it.
Everything is text-driven. Drop the component in, type your brand name, retitle the four columns, and paste your links — no layer digging.
What you get
Three variants: Desktop, Tablet, Phone — column grid reflows from 4 → 2 → stacked
55 property controls: wordmark, eyebrow, tagline, status, coordinates, node ID, uplink, ticker text, copyright, locale, 4 column titles, 16 link labels each with its own URL field, 5 social URLs
11 color styles — recolor the whole footer from the Styles panel without touching a single layer
8 text styles for wordmark, tagline, column titles, links, HUD labels and ticker
Real glass: backdrop blur, hairline borders, inner light edge, deep drop shadow
Animated mesh shader background, pulsing signal dot, hover-lift social chips, hover-slowed marquee
Five social icons included (X, GitHub, LinkedIn, Discord, YouTube)
Fonts Antonio (wordmark), Geist (links and body), Kode Mono (HUD labels, ticker, meta). All free Google Fonts, loaded automatically.
Notes Built with native Framer layers — no code component, fully editable on canvas. The dark palette is intentional; swap the Footer/Base, Glass, Hairline, Chrome and Signal color styles to move it to another world.
Tags footer, sci-fi, glassmorphism, dark, HUD, futuristic, tech, saas, glass, animated
proto.ix
