---
title: "E-com notifications — Framer component · Best of Framer"
description: "$1.00 · Framer component · by Bokaa · Interactive. Customizable iOS-style notifications"
canonical: "https://framer.elliotli.dev/component/e-com-notifications"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/E-com notifications

# E-com notifications

Customizable iOS-style notifications

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

![E-com notifications preview image 1](https://framer.elliotli.dev/og/component/e-com-notifications/27452c37b7898ea4/1600x1200.jpg)

## Summary

Customizable iOS-style notifications

## Description

## Overview

Webshop Notification is a powerful Framer component designed to display animated activity notifications such as purchases, reviews, sign-ups, or other events. It helps create a sense of live activity and social proof on your website, which can increase trust and encourage visitors to take action. The component is lightweight, easy to use, and designed to integrate seamlessly into modern Framer projects while still offering extensive customization options.

## Flexible notification content

Add and customize as many notifications as you want through the Items list. This makes the component adaptable to many different use cases.

• Add or delete notifications

• Customize title, subline, and meta text for each item

• Simulate purchases, reviews, sign-ups, or other activity

• Easily adapt content to match your brand or product

## Smooth animations and timing control

Fine-tune how notifications appear and move to match the tone of your interface.

• Control how often notifications appear with Interval

• Adjust motion feel using Animation Speed

• Customize entry behavior with Entry Distance and Scale

• Subtle animations that feel natural and modern

## Advanced layout control

Easily adjust how notifications stack and position on the page.

• Control spacing between notifications

• Use Top → Stack and Bottom Overlap for layered effects

• Create either spacious or tightly stacked layouts

• Safe Padding keeps notifications positioned correctly

## Complete styling customization

Match the notification cards to your design system with flexible styling options.

• Customize Card Color and Card Alpha

• Adjust Card Radius for softer or sharper corners

• Control Shadow intensity for depth

• Modify Icon Size and Icon Fit for visual balance

## Background and container Options

Match the notification cards to your design system with flexible styling options.

• Customize Card Color and Card Alpha

• Adjust Card Radius for softer or sharper corners

• Control Shadow intensity for depth

• Modify Icon Size and Icon Fit for visual balance

## Practical and versatile use cases

Designed to work across many types of websites and projects.

• Show recent purchases or product activity

• Display customer reviews or ratings

• Highlight sign-ups or engagement events

• Add subtle social proof to landing pages and webshops

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

-   All · #6512

## Details

- **Author**: Bokaa
- **Price**: $1.00
- **Published**: 2026-03-11
- **Updated**: 2026-03-11
- **Added**: 2026-03-06
- **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