• react-logo Created with Sketch. React Components  

Build Activity Feeds with React

Easy to use UI components with built-in support for Open Graph scraping, #hashtags, @mentions, likes, comments, file uploads and realtime; empowering you to quickly launch engaging activity feeds and notification feeds with React.

Choose Your Integration
React JS React Native
Features of Stream React

Easily integrate UX best practices into your apps with our fully extendable UI Components library

Built upon best practices for user experience, Stream’s React Components are designed to provide a highly functional and data rich starter kit activity feeds, notification feeds, and user profiles.

Quick start your project with our api and modules but keep full control over the design of your app.

#Hashtags and @Mentions made simple

Enhance discovery and encourage new conversations across an entire app. Hashtags and @mentions are both great ways to increase engagement on the feed.

Hashtags and mentions are used to spark new conversations

Built-in Realtime

Provide instant feedback to the user when content in the feed changes. This is particularly helpful if people are having a conversation or monitoring a live event.

Support for realtime updates

Likes, Comments and other Reactions

Built with the user experience in mind, our solution supports likes, comments, shares, and other forms of reactions (and their count totals) out of the box.

Components for Likes, Comments and custom reactions

Enrich and Expand URL Automagically

Users expect to see the title, description, and image for links referenced in the post. Our built-in enrichment via open graph scraping allows users to interact and share content-rich URLs, rather than just clicking on them.

URL scraping for custom URL previews

File Uploads

With a couple clicks or taps, users can easily upload rich media such as photos, videos or even PDFs to the feed.

Upload files from the Stream front-end library

Build any feed with Stream

View All Features
Stream Features
timeline Created with Sketch.
Activity Feeds

Building chronologically feeds that are sorted activities from the topics or people you follow is eass with Stream React Native Components, powered by Stream API.

ranked Created with Sketch.
Ranked Feeds

Take control over how the activities in your feed are sorted. Ranking activities is a great way to improve engagement.

aggregated Created with Sketch.
Aggregated feeds

Aggregation enables you to group activities together based on rules you define. Keep your feed relevant when there is a lot of activity to show.

alarm Created with Sketch.
Notification Feeds

Notification feeds add include “seen” or “read” states to the activities. Commonly used with Aggregation to build complex notification systems.

Preview of what is coming

More Front End Components

We are busy working on more ways to make developers creating crossplatform apps lives easier and more productive. Subscribe to be notified when we release UI components for Plain JS, React JS, Android and iOS.


Try Stream for yourself

Stream is an API for building scalable news feeds and activity streams. Try it out in this 5 minute interactive tutorial. To run the examples you'll need an API key. Register to continue...

Try the API Only takes 5 mins!
const client = stream.connect('GET YOUR KEY', null, '11893');
const ericFeed = client.feed('user', 'eric', 'MNZtwnaASNqVjnvyEG3AORTZQhk');
// Add the activity to the feed
await ericFeed.addActivity({
  actor: 'eric',
  tweet: 'Hello world',
  verb: 'tweet',
  object: 1

Flexible Implementation

Stream supported platforms