News feed

Bootstrap 5 News feed

Responsive News Feed templates built with Bootstrap 5. News article feed, instagram, facebook and twitter-like feed, posts with comments, social section & more.

Basic example

Simple newsfeed article, with an image and a "News of the day" label.

News of the day

Facilis consequatur eligendi

Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis consequatur eligendi quisquam doloremque vero ex debitis veritatis placeat unde animi laborum sapiente illo possimus, commodi dignissimos obcaecati illum maiores corporis.

Show code

Blog posts

Article card ideal for a blog post with category icon, and some related articles list.

Show code

News aggregator

A magazine template page for with news and articles.
News of the day

Facilis consequatur eligendi

Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis consequatur eligendi quisquam doloremque vero ex debitis veritatis placeat unde animi laborum sapiente illo possimus, commodi dignissimos obcaecati illum maiores corporis.

Show code

News feed

A compact newsfeed card with upvotes, downvotes and comments columns.

Topic Comments
0 0 Styling in the Shadow DOM With CSS Shadow Parts
MDBootstrap staffpropremium a year ago
0
0 0 5 obscure HTTP methods to impress your hipster friends
MDBootstrap staffpropremium a year ago
0
0 0 Tips for Writing Animation Code Efficiently
MDBootstrap staffpropremium a year ago
0
0 0 Rolling With The Punches: Shifting Attack Tactics & Dropping Packets Faster & Cheaper At The Edge
MDBootstrap staffpropremium a year ago
0
0 0 Internship Experience: Cryptography Engineer
MDBootstrap staffpropremium a year ago
0
0 0 egghead: Nader Dabit - Full Stack Development in the Era of Serverless Computing
MDBootstrap staffpropremium a year ago
0
0 0 10 Interesting JavaScript and CSS Libraries for April 2020
MDBootstrap staffpropremium a year ago
0
0 0 bash: Split a String into Parts with `cut` in Bash
MDBootstrap staffpropremium a year ago
0
0 0 Node v10.20.1 (LTS)
MDBootstrap staffpropremium a year ago
0
0 0 React Digest Issue #247
MDBootstrap staffpropremium a year ago
0
Show code

Social media newsfeed v.1

Facebook-like newsfeed post with nested comments and user avatars built as media objects.

You can also check out our Facebook clone template in LAB section.

Avatar

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Atque ex non impedit corporis sunt nisi nam fuga dolor est, saepe vitae delectus fugit, accusantium qui nulla aut adipisci provident praesentium?

Avatar
Avatar
Avatar
Avatar
Avatar
Show code

Social media newsfeed v.2

Twitter-like newsfeed with profile statuses image, link and video embeds.

You can also check out our Twitter clone template in the LAB section.

Home

Avatar
Avatar
Miley Cyrus @mileycyrus • 2h

Lorem ipsum dolor, sit amet #consectetur adipisicing elit. Nobis assumenda eveniet ipsum libero mollitia vero doloremque #perspiciatis molestiae omnis, quam iure dicta reprehenderit distinctio facere labore atque, sit #ratione quo.

  • 7
  • 35
Avatar
Miley Cyrus @mileycyrus • 3h

Nobis assumenda eveniet ipsum libero mollitia vero doloremque molestiae reprehenderit.

Avatar

Title of the news

This is a wider card with supporting text below as a natural lead-in to additional content.

example.pl

  • 51
  • 185
Avatar
Bob Marley @bobmarley • 5h

Lorem ipsum dolor, sit amet #consectetur adipisicing elit. Officiis, #repellat. Error cumque temporibus eum pariatur ducimus facere? Obcaecati fugit, nobis eos #deserunt odit libero voluptatibus, iste laudantium, tempore ratione ut.

Avatar

Title of the news

This is a wider card with supporting text below as a natural lead-in to additional content.

example.pl

  • 8
  • 97
Avatar
Anna Doe @annadoe • 7h

Error cumque temporibus eum pariatur ducimus facere? Obcaecati fugit, nobis eos #deserunt odit libero voluptatibus, iste laudantium, tempore ratione ut.

Fissure in Sandstone
  • 11
  • 65
Avatar
Mark Twain @marktawin • 10h

Obcaecati fugit, nobis eos odit libero voluptatibus, iste laudantium, tempore ratione ut.

  • 34
  • 159
Show code