---
title: "Sci Fi Glass Footer — Free Framer component · Best of Framer"
description: "Free Framer component · by proto.ix · Sections. Modern Futuristic Sci Fi Footer"
canonical: "https://framer.elliotli.dev/component/sci-fi-glass-footer"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Sci Fi Glass Footer

# Sci Fi Glass Footer

Modern Futuristic Sci Fi Footer

[View on Framer](https://framer.com/marketplace/components/sci-fi-glass-footer/?via=elliot-li)

![Sci Fi Glass Footer preview image 1](https://framer.elliotli.dev/og/component/sci-fi-glass-footer/5db250e2667aa369/1600x1107.jpg)

## Summary

Modern Futuristic Sci Fi Footer

## Description

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

## Rank history [How rankings work →](/terms#rankings)

-   All · #3190

## Details

- **Author**: proto.ix
- **Published**: 2026-08-05
- **Updated**: 2026-08-05
- **Added**: 2026-08-05
- **Categories**: Sections

## More like this

-   [Project Index](/component/project-index) — Bernardo Lickfold · Free — Editorial index: hover & scroll
-   [Face Parade](/component/face-parade) — RAjan · Free — Animated team profiles
-   [Staircase Cover Flow](/component/staircase-cover-flow) — Karim Saif · $7 — editorial-inspired image gallery
-   [In Their Words](/component/in-their-words) — Majed Monem · $9 — A wall of customer quotes