Skip to content

component

Animated Feed

By Troy Miller

Details

Summary

Animated Feed is built to be highly customizable directly inside Framer.

Description

Polished animated activity feed component designed to make interfaces feel more alive, dynamic, and premium. It gives you a sleek way to showcase notifications, updates, announcements, signups, sales activity, messages, product launches, and other live-style content without needing complex setup. The component includes two display modes. Loop mode creates a continuously scrolling feed that works well for social proof, dashboards, SaaS landing pages, and live activity sections. Spotlight mode rotates through items in a layered stacked layout, making it great for hero sections, featured updates, or more presentation-driven designs. Animated Feed is built to be highly customizable directly inside Framer. You can edit each item’s title, subtitle, time, icon, badge, and accent color, then fine-tune the overall look with controls for spacing, corner radius, card height, icon size, typography sizing, opacity, shadows, edge fade, hover scaling, and animation speed. Multiple visual themes are included so it can fit a wide range of sites, from clean product pages to darker, glass-style modern interfaces. It is especially useful for: SaaS websites startup landing pages dashboard UI mockups product announcement sections social proof blocks onboarding or signup showcases agency and portfolio sites IMPORTANT: Due to the nature of digital code components, all sales are final and non-refundable . Once purchased, you receive immediate access to the complete component code, which cannot be returned. Before purchasing, please: Review the component demo and documentation carefully Check the feature list to ensure it meets your needs Contact us at troy@ fireislanddesign.com with any pre-purchase questions For design work, questions, or help, please reach out at https://www.fireislanddesign.com/

Introduction

Animated notification feed

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600165028/148/228/309/79/15
  • All · #6232