Skip to main content
Customize an embedded timeline with data-* attributes added to a fallback anchor element or passed to a JavaScript factory function in an options object.
OptionValuesDefaultNotes
show-repliestruefalseShow Posts in response to another Post or account
chromenoheader, nofooter, noborders, transparent, noscrollbarUndefinedToggle the display of design elements in the widget. This parameter is a space-separated list of values
themedarklightDisplay light text on a dark background
widthPositive integerauto (derived from container size)Set the maximum px width of the embedded Post
heightPositive integer600Set a fixed px height of the embedded widget
tweet-limitRange: 120UndefinedRender a timeline statically, displaying only n number of Posts. The height parameter has no effect when a Post limit is set
aria-politepolite, assertive, rudepoliteApply the specified aria-polite behavior to the rendered timeline. New Posts may be added to the top of a timeline, affecting screen readers
dnttrue, falsefalseWhen set to true, the timeline and its embedded page on your site are not used for purposes that include personalized suggestions and personalized ads

HTML example

<a class="twitter-timeline"
  href="https://x.com/XDevelopers"
  data-width="350"
  data-height="450"
  data-chrome="nofooter noheader"
  data-tweet-limit="2">
Posts by @XDevelopers
</a>

JavaScript factory example

twttr.widgets.createTimeline(
  {
    sourceType: "profile",
    screenName: "xdevelopers"
  },
  document.getElementById("container"),
  {
    height: 400,
    chrome: "nofooter",
    tweetLimit: 2
  }
);