---
title: "Notification Stack — Framer component · Best of Framer"
description: "$3.00 · Framer component · by Giollesco · Interactive. A polished notification stack component that matches iOS 26's liquid glass aesthetic."
canonical: "https://framer.elliotli.dev/component/notification-stack"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Notification Stack

# Notification Stack

iOS 26 liquid glass notification cards

[View on Framer](https://framer.com/marketplace/components/notification-stack/?via=elliot-li)

![Notification Stack preview image 1](https://framer.elliotli.dev/og/component/notification-stack/e11ab3079f48b3e4/1600x1200.jpg)

## Summary

A polished notification stack component that matches iOS 26's liquid glass aesthetic.

## Description

A polished notification stack component that matches iOS 26's liquid glass aesthetic. Drop it on any background — dark, light, gradient, image — and it adapts.**What you can control**

-   Tint color — sets the translucent bubble fill; text color auto-derives from luminance or can be overridden manually
    
-   Font — full Framer font picker (family, weight, size, line height) applied across all text
    
-   Items — array of 1–5 notifications, each with name, message, timestamp, avatar image, and logo badge image
    
-   Header — editable section title with independent color control
    
-   Show Less pill — toggle visibility, change label text, pick from 6 SVG icon options or hide the icon
    
-   Dismiss button — toggle visibility, pick from 3 SVG icon options
    
-   Border radius — adjustable per-item corner rounding (0–40)
    
-   Width — component fills its container; all content reflows responsively
    

**Design details**

-   Backdrop blur with -webkit-backdrop-filter fallback detection — gracefully degrades to opaque tint on unsupported browsers
    
-   Messages clamp to 3 lines with overflow ellipsis
    
-   Avatars fall back to auto-generated initials when no image is provided
    
-   Logo badges fall back to a generic chat icon
    
-   Subtle hover effects: lift, shadow bloom, background brightening
    

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

-   All · #8809

## Details

- **Author**: Giollesco
- **Price**: $3.00
- **Published**: 2026-04-28
- **Updated**: 2026-04-27
- **Added**: 2026-04-17
- **Categories**: Interactive

## More like this

-   [Velvet Curtain](/component/velvet-curtain) — Sarthak Prakash · $12 — Cinematic curtain reveal effect
-   [Image-Compare Slider](/component/image-compare-slider) — Studio Digital · Free — Reveal what changed, beautifully
-   [Lesson Packages](/component/lesson-packages) — Shelfless Studio · $9 — Lesson bundles with savings shown
-   [Deskbell AI Chatbot](/component/deskbell-ai-chatbot) — NS. Studio · Free — AI site chat, works with Chatbase