{"id":29085061,"url":"https://github.com/blitz-mobile-apps/reactjs-social-embed","last_synced_at":"2026-03-01T07:34:56.906Z","repository":{"id":54462622,"uuid":"249766563","full_name":"Blitz-Mobile-Apps/reactjs-social-embed","owner":"Blitz-Mobile-Apps","description":"Reactjs social embed provide faster and easy wrapper to embed platform like youtube, twitter, instagram, vimeo and so much more","archived":false,"fork":false,"pushed_at":"2024-04-23T01:46:25.000Z","size":1188,"stargazers_count":9,"open_issues_count":7,"forks_count":6,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-06-11T04:42:56.601Z","etag":null,"topics":["facebook-embed","iframe","instagram-embed","react","react-social-embed","reactjs","reactjs-embed","reactjs-social","social-embed","twitter-embed","video-embed","vimeo-embed","youtube-embed"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/reactjs-social-embed","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Blitz-Mobile-Apps.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2020-03-24T16:58:08.000Z","updated_at":"2024-05-28T06:08:15.000Z","dependencies_parsed_at":"2024-06-21T05:36:24.673Z","dependency_job_id":null,"html_url":"https://github.com/Blitz-Mobile-Apps/reactjs-social-embed","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Blitz-Mobile-Apps/reactjs-social-embed","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Blitz-Mobile-Apps%2Freactjs-social-embed","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Blitz-Mobile-Apps%2Freactjs-social-embed/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Blitz-Mobile-Apps%2Freactjs-social-embed/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Blitz-Mobile-Apps%2Freactjs-social-embed/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Blitz-Mobile-Apps","download_url":"https://codeload.github.com/Blitz-Mobile-Apps/reactjs-social-embed/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Blitz-Mobile-Apps%2Freactjs-social-embed/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262341625,"owners_count":23296073,"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":["facebook-embed","iframe","instagram-embed","react","react-social-embed","reactjs","reactjs-embed","reactjs-social","social-embed","twitter-embed","video-embed","vimeo-embed","youtube-embed"],"created_at":"2025-06-27T22:12:01.057Z","updated_at":"2026-03-01T07:34:51.878Z","avatar_url":"https://github.com/Blitz-Mobile-Apps.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ReactJS Social Embed\n\n\n[![Build Status](https://travis-ci.org/joemccann/dillinger.svg?branch=master)](https://travis-ci.org/joemccann/dillinger)\n\nReactjs social embed provide faster and easy wrapper to embed platform like youtube, twitter, instagram, vimeo and facebook.\n    It Provides support for \n  - Youtube Video Embed\n  - Vimeo Video Embed\n  - Facebook posts and video Embed\n  - Instagram Post emvbed\n  - Twitter tweet emved\n\n### Installation\n\n```sh\n$ npm install --save reactjs-social-embed\n```\n\n### Usage\n#### 1) Youtube\n```sh\nimport { Youtube } from 'reactjs-social-embed'\n\u003cYoutube width=\"100%\" parentClass=\"p-container\" iframeClass=\"v-container\" id=\"w5GrxfjuTTI\" /\u003e \n```\n| Porps | Type |\n| ------ | ------ |\n| id \t| string // youtube video id|\n| width \t| string // custom width of iframe|\n| height \t| string // custom width of iframe|\n| isPlaylist \t| bool // if video is in playlist|\n| autoPlay \t| bool |\n| parentClass \t| string |\n| iframeClass \t| string |\n\n\n#### 2) Instagram\n```sh\nimport { Instagram } from 'reactjs-social-embed'\n\u003cInstagram url=\"https://www.instagram.com/p/B8zB3rclo1H/\" /\u003e\t\n```\n| Porps | Type |\n| ------ | ------ |\n| url \t| string // insta video id|\n| width \t| string // custom width of iframe|\n| height \t| string // custom width of iframe|\n| hideCaption \t| bool // if you want to hide caption|\n| autoPlay \t| bool |\n| parentClass \t| string |\n\n\n#### 3) Facebook (post \u0026 Video)\n```sh\nimport { Facebook } from 'reactjs-social-embed'\n\u003cFacebook type=\"post\" width=\"100%\" height=\"680px\" show_text={true} \nurl=\"https://www.facebook.com/postmalone/posts/1992925354174335\" /\u003e\n\u003cFacebook type=\"video\" width=\"100%\" height=\"680px\" show_text={true} \nurl=\"https://www.facebook.com/postmalone/videos/908295402959230/\" /\u003e\n\n```\n| Porps | Type |\n| ------ | ------ |\n| type \t| string // wether it is post or video|\n| url \t| string // url|\n| width \t| string // custom width of iframe|\n| height \t| string // custom width of iframe|\n| show_text \t| bool // want to show caption|\n| parentClass \t| string |\n| iframeClass \t| string |\n\n\n#### 4) Twitter\n```sh\nimport { Twitter } from 'reactjs-social-embed'\n\u003cTwitter id=\"1169826984433606656\" /\u003e\n```\n| Porps | Type |\n| ------ | ------ |\n| id \t| string // tweet id|\n| parentClass \t| string |\n\n\n\n#### 5) Vimeo\n```sh\nimport { Vimeo } from 'reactjs-social-embed'\n\u003cVimeo width=\"100%\" id=\"378108134\" /\u003e\n```\n| Porps | Type |\n| ------ | ------ |\n| id \t| string // vimeo video id|\n| width \t| string // vimeo width of iframe|\n| parentClass \t| string |\n\n\n\n\n## Contributing\n\n\u003e This is an early phase, We are eagerly looking for contributions from the community.\n\u003e To get started:\n### Step 1\n\n- Option 1 )🍴 Fork this repo!\n- Option 2) - 👯 Clone this repo to your local machine using `https://github.com/Blitz-Mobile-Apps/reactjs-social-embed`\n### Step 2\n- **HACK AWAY!** 🔨🔨🔨\n### Step 3\n- 🔃 Create a new pull request.\n---\n## Support\nReach out to us at our `Website`: \u003ca href=\"https://blitzmobileapps.com\" target=\"_blank\"\u003e`Blitz Mobile Apps`\u003c/a\u003e\n## License\n[![License](http://img.shields.io/:license-mit-blue.svg?style=flat-square)](http://badges.mit-license.org)\n- **[MIT license](http://opensource.org/licenses/mit-license.php)**\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fblitz-mobile-apps%2Freactjs-social-embed","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fblitz-mobile-apps%2Freactjs-social-embed","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fblitz-mobile-apps%2Freactjs-social-embed/lists"}