Blocks
Activity Feed Block
A live event timeline combining Timeline, Avatar, and Badge with animated reveal and unread tracking.
Activity Feed
2Live
merge2 min ago
bug14 min ago
comment1 hr ago
deploy3 hr ago
Installation
package manager
npx shadcn add https://bydefaulthuman.fun/r/activity-feed.jsonProps
PropTypeDefaultDescription
animateboolean—
Enables entry animation.
animationStaggerMsnumber—
Delay between animated items.
eventsFeedEvent[]—
Events rendered in the feed.
onEventClick(event: FeedEvent) => void—
Callback fired when an event is selected.
titlestring—
Block heading text.
Without animation
<ActivityFeedBlock animate={false} />Accessibility
This block is composed from accessible byDefaultHuman components. Preserve visible labels, button text, and supporting copy when adapting it so the layout remains understandable without the visual styling.
Examples
import { ActivityFeedBlock } from "@/components/block/ActivityFeedBlock";
<ActivityFeedBlock />;