{"id":15024361,"url":"https://github.com/mdbootstrap/bootstrap-news-feed","last_synced_at":"2025-04-12T06:21:03.401Z","repository":{"id":66086868,"uuid":"395544067","full_name":"mdbootstrap/bootstrap-news-feed","owner":"mdbootstrap","description":"Responsive News Feed built with the latest Bootstrap 5. Enhance your project with a variety of social sections such as news feed, comments, and post cards.","archived":false,"fork":false,"pushed_at":"2022-01-27T10:53:07.000Z","size":980,"stargazers_count":6,"open_issues_count":0,"forks_count":1,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-04-12T05:09:51.010Z","etag":null,"topics":["bootstrap","bootstrap-news-feed","bootstrap-responsive","bootstrap-template","bootstrap5","comments","news-feed","responsive","responsive-design","social-media"],"latest_commit_sha":null,"homepage":"https://mdbootstrap.com/docs/standard/extended/news-feed/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mdbootstrap.png","metadata":{"files":{"readme":"README.md","changelog":"news-aggregator.html","contributing":null,"funding":null,"license":"License.pdf","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-08-13T06:32:41.000Z","updated_at":"2025-01-26T03:35:51.000Z","dependencies_parsed_at":"2023-07-16T05:16:34.674Z","dependency_job_id":null,"html_url":"https://github.com/mdbootstrap/bootstrap-news-feed","commit_stats":{"total_commits":6,"total_committers":3,"mean_commits":2.0,"dds":0.5,"last_synced_commit":"2dd369edfaccada83b677f6f639358751d8fc329"},"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdbootstrap%2Fbootstrap-news-feed","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdbootstrap%2Fbootstrap-news-feed/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdbootstrap%2Fbootstrap-news-feed/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mdbootstrap%2Fbootstrap-news-feed/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mdbootstrap","download_url":"https://codeload.github.com/mdbootstrap/bootstrap-news-feed/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248525759,"owners_count":21118748,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootstrap","bootstrap-news-feed","bootstrap-responsive","bootstrap-template","bootstrap5","comments","news-feed","responsive","responsive-design","social-media"],"created_at":"2024-09-24T20:00:11.082Z","updated_at":"2025-04-12T06:21:03.378Z","avatar_url":"https://github.com/mdbootstrap.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\nResponsive News Feed built with the latest Bootstrap 5. Enhance your project with a variety of social sections such as news feed, comments, and post cards.\n\nCheck out [Bootstrap News Feed Documentation](https://mdbootstrap.com/docs/standard/extended/news-feed/) for detailed instructions \u0026 even more examples.\n\n## Basic example\n\n![Bootstrap 5 News Feed](https://mdbootstrap.com/img/Marketing/github/news-feed/basic.png)\n\n```html\n\u003cdiv class=\"row gx-5\"\u003e\n  \u003cdiv class=\"col-md-6 mb-4\"\u003e\n    \u003cdiv class=\"bg-image hover-overlay ripple shadow-2-strong rounded-5\"\n      data-mdb-ripple-color=\"light\"\u003e\n      \u003cimg src=\"https://mdbcdn.b-cdn.net/img/new/slides/080.webp\" class=\"img-fluid\" /\u003e\n      \u003ca href=\"#!\"\u003e\n        \u003cdiv class=\"mask\" style=\"background-color: rgba(251, 251, 251, 0.15);\"\u003e\u003c/div\u003e\n      \u003c/a\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n\n  \u003cdiv class=\"col-md-6 mb-4\"\u003e\n    \u003cspan class=\"badge bg-danger px-2 py-1 shadow-1-strong mb-3\"\u003eNews of the day\u003c/span\u003e\n    \u003ch4\u003e\u003cstrong\u003eFacilis consequatur eligendi\u003c/strong\u003e\u003c/h4\u003e\n    \u003cp class=\"text-muted\"\u003e\n      Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis consequatur\n      eligendi quisquam doloremque vero ex debitis veritatis placeat unde animi laborum\n      sapiente illo possimus, commodi dignissimos obcaecati illum maiores corporis.\n    \u003c/p\u003e\n    \u003cbutton type=\"button\" class=\"btn btn-primary\"\u003eRead more\u003c/button\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n```\n\n\n## How to use?\n\n1. Download MDB 5 - free UI KIT\n\n2. Choose your favourite customized component and click on the image\n\n3. Copy \u0026 paste the code into your MDB project\n\n[▶️ Subscribe to YouTube channel for web development tutorials \u0026 resources](https://www.youtube.com/MDBootstrap?sub_confirmation=1)\n\n## More examples\n\n[Bootstrap Blog posts:\n![Bootstrap 5 News Feed](https://mdbootstrap.com/img/Marketing/github/news-feed/blog.png)](https://mdbootstrap.com/docs/standard/extended/news-feed/#blog)\n\n[Bootstrap News aggregator:\n![Bootstrap 5 News Feed](https://mdbootstrap.com/img/Marketing/github/news-feed/aggregator.png)](https://mdbootstrap.com/docs/standard/extended/news-feed/#aggregator)\n\n[Bootstrap News Feed:\n![Bootstrap 5 News Feed](https://mdbootstrap.com/img/Marketing/github/news-feed/news-feed.png)](https://mdbootstrap.com/docs/standard/extended/news-feed/#news-feed)\n\n[Bootstrap Social newsfeed v.1:\n![Bootstrap 5 News Feed](https://mdbootstrap.com/img/Marketing/github/news-feed/social-newsfeed-v1.png)](https://mdbootstrap.com/docs/standard/extended/news-feed/#social-v1)\n\n[Bootstrap Social newsfeed v.2:\n![Bootstrap 5 News Feed](https://mdbootstrap.com/img/Marketing/github/news-feed/social-newsfeed-v2.png)](https://mdbootstrap.com/docs/standard/extended/news-feed/#social-v2)\n\n\n___\n\n## More extended Bootstrap documentation\n\n\u003cul\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/bootstrap-address-form/\"\u003eBootstrap Address Form\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/avatar/\"\u003eBootstrap Avatar\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/back-to-top/\"\u003eBootstrap Back To Top Button\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/carousel-with-thumbnails/\"\u003eBootstrap Carousel Slider with Thumbnails\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/chat/\"\u003eBootstrap Chat\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/code/\"\u003eBootstrap Code Blocks\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/comments/\"\u003eBootstrap Comments\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/bootstrap-comparison-table/\"\u003eBootstrap Comparison Table\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/credit-card/\"\u003eBootstrap Credit Card Form\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/drawer/\"\u003eBootstrap Drawer\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/dropdown-multilevel/\"\u003eBootstrap Nested Dropdown\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/faq/\"\u003eBootstrap FAQ component / section\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/gallery/\"\u003eBootstrap Gallery\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/hamburger-menu/\"\u003eBootstrap Hamburger Menu\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/bootstrap-invoice/\"\u003eBootstrap Invoice\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/jumbotron/\"\u003eBootstrap Jumbotron\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/login/\"\u003eBootstrap Login Form\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/maps/\"\u003eBootstrap Maps\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/media-object/\"\u003eBootstrap Media Object\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/mega-menu/\"\u003eBootstrap Mega Menu\u003c/a\u003e\u003c/li\u003e \n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/multiselect/\"\u003eBootstrap Multiselect\u003c/a\u003e\u003c/li\u003e \n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/news-feed/\"\u003eBootstrap News Feed\u003c/a\u003e\u003c/li\u003e \n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/offcanvas/\"\u003eBootstrap Offcanvas\u003c/a\u003e\u003c/li\u003e \n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/order-details/\"\u003eBootstrap Order Details\u003c/a\u003e\u003c/li\u003e \n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/page-transitions/\"\u003eBootstrap Page Transitions\u003c/a\u003e\u003c/li\u003e \n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/payment-forms/\"\u003eBootstrap Payment Forms\u003c/a\u003e\u003c/li\u003e \n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/product-cards/\"\u003eBootstrap Product Cards\u003c/a\u003e\u003c/li\u003e \n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/profiles/\"\u003eBootstrap Profiles\u003c/a\u003e\u003c/li\u003e  \n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/quotes/\"\u003eBootstrap Quotes\u003c/a\u003e\u003c/li\u003e \n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/registration/\"\u003eBootstrap Registration Form\u003c/a\u003e\u003c/li\u003e \n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/search-expanding/\"\u003eBootstrap Expanding Search Bar\u003c/a\u003e\u003c/li\u003e \n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/shopping-carts/\"\u003eBootstrap Shopping Carts\u003c/a\u003e\u003c/li\u003e \n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/side-navbar/\"\u003eBootstrap Side Navbar\u003c/a\u003e\u003c/li\u003e  \n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/sidebar/\"\u003eBootstrap Sidebar\u003c/a\u003e\u003c/li\u003e  \n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/social-media/\"\u003eBootstrap Social Media Icons \u0026 Buttons\u003c/a\u003e\u003c/li\u003e  \n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/square-buttons/\"\u003eBootstrap Square Buttons\u003c/a\u003e\u003c/li\u003e  \n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/bootstrap-survey-form/\"\u003eBootstrap Survey Form\u003c/a\u003e\u003c/li\u003e  \n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/testimonial-slider/\"\u003eBootstrap Testimonial Slider\u003c/a\u003e\u003c/li\u003e  \n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/testimonials/\"\u003eBootstrap Testimonials\u003c/a\u003e\u003c/li\u003e  \n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/textarea/\"\u003eBootstrap Textarea\u003c/a\u003e\u003c/li\u003e  \n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/timeline/\"\u003eBootstrap Timeline\u003c/a\u003e\u003c/li\u003e  \n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/to-do-list/\"\u003eBootstrap To Do List\u003c/a\u003e\u003c/li\u003e  \n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/video-carousel/\"\u003eBootstrap Video Carousel / Gallery\u003c/a\u003e\u003c/li\u003e  \n\u003cli\u003e\u003ca href=\"https://mdbootstrap.com/docs/standard/extended/weather/\"\u003eBootstrap Weather\u003c/a\u003e\u003c/li\u003e  \n\u003c/ul\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmdbootstrap%2Fbootstrap-news-feed","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmdbootstrap%2Fbootstrap-news-feed","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmdbootstrap%2Fbootstrap-news-feed/lists"}