All Projects β†’ saurabhnemade β†’ React Twitter Embed

saurabhnemade / React Twitter Embed

Licence: mit
Simplest way to add twitter widgets to your react project.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to React Twitter Embed

Arcadeanalytics
Arcade Analytics is the first Open Source Graph Analytics platform. Connect your Graph Database (Neo4j, OrientDB, Amazon Neptune, Microsoft CosmosDB, etc) and RDBMS (Oracle, MySQL, Postgres, Microsoft SQLServer, MariaDB) to create powerful dashboards.
Stars: ✭ 161 (-5.85%)
Mutual labels:  widgets
React Trading Ui
Component library for trading applications πŸ˜°πŸ“‰πŸ’Έ
Stars: ✭ 166 (-2.92%)
Mutual labels:  component
Reactopt
A CLI React performance optimization tool that identifies potential unnecessary re-rendering
Stars: ✭ 1,975 (+1054.97%)
Mutual labels:  component
Xmpp.js
XMPP for JavaScript
Stars: ✭ 2,006 (+1073.1%)
Mutual labels:  component
Things Calendar
Simple but elegant datepicker for the web β€” inspired by Things for mac
Stars: ✭ 165 (-3.51%)
Mutual labels:  component
React Native Pull To Refresh
The Pull-To-Refresh component for React Native (iOS/Android)
Stars: ✭ 166 (-2.92%)
Mutual labels:  component
Vue Info Card
Simple and beautiful card component with an elegant spark line, for VueJS.
Stars: ✭ 159 (-7.02%)
Mutual labels:  component
Awesome Twitter Bots
🌟Resource repo for Twitter Bots 🐦
Stars: ✭ 170 (-0.58%)
Mutual labels:  twitter
Mime
The MIME component allows manipulating MIME types.
Stars: ✭ 2,174 (+1171.35%)
Mutual labels:  component
React Jobs
Asynchronously resolve data for your components, with support for server side rendering.
Stars: ✭ 167 (-2.34%)
Mutual labels:  component
React D3 Speedometer
✨ βš›οΈ React Speedometer component using d3.js 🌈 🎨
Stars: ✭ 162 (-5.26%)
Mutual labels:  component
Stimulus Autocomplete
Stimulus autocomplete component
Stars: ✭ 165 (-3.51%)
Mutual labels:  component
Reading List Mover
A Python utility for moving bookmarks/reading lists between services
Stars: ✭ 166 (-2.92%)
Mutual labels:  twitter
React Native Modals
A react native modals library. Swipeable. Highly customizable. Support multi modals & Support custom animation. For IOS & Android.
Stars: ✭ 2,013 (+1077.19%)
Mutual labels:  component
Vue Backtotop
A Back-to-top component for Vue.js, which scroll page to the top when clicked
Stars: ✭ 168 (-1.75%)
Mutual labels:  component
Vue Notifyjs
Minimalist 1kb Notification component
Stars: ✭ 160 (-6.43%)
Mutual labels:  component
Scrape Twitter
🐦 Access Twitter data without an API key. [DEPRECATED]
Stars: ✭ 166 (-2.92%)
Mutual labels:  twitter
Solutions Webappbuilder Widgets
Web App Builder widgets created and managed by the Esri Solutions teams.
Stars: ✭ 170 (-0.58%)
Mutual labels:  widgets
React Native List Popover
Popover to render a selectable list
Stars: ✭ 168 (-1.75%)
Mutual labels:  component
Hitchcock
The Master of Suspense 🍿
Stars: ✭ 167 (-2.34%)
Mutual labels:  component

React Twitter Embed Component

NPM Storybook Build Status Known Vulnerabilities JavaScript Style Guide License

React Twitter Embed Component

Simplest way to add Twitter Widgets to your react project.

Demo and Examples

https://saurabhnemade.github.io/react-twitter-embed/

Install

npm install --save react-twitter-embed

Usage

import { TwitterTimelineEmbed, TwitterShareButton, TwitterFollowButton, TwitterHashtagButton, TwitterMentionButton, TwitterTweetEmbed, TwitterMomentShare, TwitterDMButton, TwitterVideoEmbed, TwitterOnAirButton } from 'react-twitter-embed';

Adding Timeline:

 <TwitterTimelineEmbed
  sourceType="profile"
  screenName="saurabhnemade"
  options={{height: 400}}
/>

Adding Tweet:

<TwitterTweetEmbed
  tweetId={'933354946111705097'}
/>

Adding Share Button:

  <TwitterShareButton
    url={'https://facebook.com/saurabhnemade'}
    options={{ text: '#reactjs is awesome', via: 'saurabhnemade' }}
  />

Adding Mention Button:

  <TwitterMentionButton
    screenName={'saurabhnemade'}
  />

Adding Hashtag button:

  <TwitterHashtagButton
    tag={'cybersecurity'}
  />

Adding follow button:

  <TwitterFollowButton
    screenName={'saurabhnemade'}
  />

Adding Moment:

  <TwitterMomentShare
    momentId={'650667182356082688'}
  />

Adding Direct Messaging Button:

  <TwitterDMButton
    id={1364031673}
  />

Adding Twitter Video:

  <TwitterVideoEmbed
    id={'560070183650213889'}
  />

Adding Twitter On Air Button:

  <TwitterOnAirButton
    id={'560070183650213889'}
  />

Explore All Options by Twitter Widgets API:

  https://developer.twitter.com/en/docs/twitter-for-websites/javascript-api/overview

License

MIT Β© saurabhnemade

Copyright (c) 2019

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].