Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mdbootstrap/react-news-feed

Responsive React News Feed templates built with Bootstrap 5. News article feed, instagram, facebook and twitter-like feed, posts with comments, social section & more. https://mdbootstrap.com/docs/react/extended/news-feed
https://github.com/mdbootstrap/react-news-feed

bootstrap bootstrap-template bootstrap-theme bootstrap5 css feed html js news news-feed react

Last synced: 11 days ago
JSON representation

Responsive React News Feed templates built with Bootstrap 5. News article feed, instagram, facebook and twitter-like feed, posts with comments, social section & more. https://mdbootstrap.com/docs/react/extended/news-feed

Awesome Lists containing this project

README 

        
![MDB Logo](https://mdbootstrap.com/img/Marketing/general/logo/medium/mdb-react.png)



# MDB React 5



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



Check out [React News Feed Documentation](https://mdbootstrap.com/docs/react/extended/news-feed) for detailed instructions & even more examples.



## Basic example

![React News Feed Basic Example](https://user-images.githubusercontent.com/108793661/185126188-f93dcc28-05eb-431f-8def-afccce4433cb.png)

```js

import React from "react";

import {

  MDBBtn,

  MDBCol,

  MDBContainer,

  MDBRipple,

  MDBRow,

} from "mdb-react-ui-kit";



export default function Basic() {

  return (

    

      

        

          

            

            

              


            

          

        

        

          

            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.

          


          Read More

        

      

    

  );

}



```



## How to use?



1. Download MDB 5 - FREE REACT UI KIT



2. Choose your favourite customized component and click on the image



3. Copy & paste the code into your MDB project



[▶️ Subscribe to YouTube channel for web development tutorials & resources](https://www.youtube.com/MDBootstrap?sub_confirmation=1)



## More examples (click on the image to see a live demo)

### Blog posts:

[![React News Feed #1](https://user-images.githubusercontent.com/108793661/185127177-6bcb41ac-8485-4559-9894-c3a3bb4fc5ad.png)](https://mdbootstrap.com/docs/react/extended/news-feed/#blog)



### News aggregator:

[![React News Feed #2](https://user-images.githubusercontent.com/108793661/185127979-ac14781f-6147-4f54-bf5d-214c90e598a2.png)](https://mdbootstrap.com/docs/react/extended/news-feed/#aggregator)



You can find other examples [here](https://mdbootstrap.com/docs/react/extended/news-feed).






## More extended React documentation