The Triassic Period: the rise of the dinosaurs

<!DOCTYPE html> <html lang="en" class="no-js"> <head> <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <title>The Triassic Period: the rise of the dinosaurs | Natural History Museum</title> <meta name="description" content="The Triassic was the first period of the Mesozoic Era. Discover what animals lived in the Triassic Period, which were the first dinosaurs and what prehistoric plants they lived alongside. "/> <meta property="og:title" content="The Triassic Period: the rise of the dinosaurs"/> <meta property="og:description" content="What was life like during the Triassic Period?"/> <meta property="og:image" content="https://www.nhm.ac.uk/content/dam/nhmwww/discover/triassic-overview/triassic-dino-full-width.jpg"/> <meta name="twitter:widgets:csp" content="on"/> <meta name="twitter:site" content="@NHM_London"/> <meta name="twitter:creator" content="@NHM_London"/> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:title" content="The Triassic Period: the rise of the dinosaurs"/> <meta name="twitter:description" content="What was life like during the Triassic Period?"/> <meta name="twitter:image" content="https://www.nhm.ac.uk/content/dam/nhmwww/discover/triassic-overview/triassic-dino-full-width.jpg"/> <link rel="canonical" href="https://www.nhm.ac.uk/discover/the-triassic-period-the-rise-of-the-dinosaurs.html"/> <script src="/etc/clientlibs/nhmwww/jquery.js"></script> <script src="https://assets.adobedtm.com/c2b29812570b/d7d2d2aae38a/launch-e413b49718e8.min.js" async></script> <script> var dataLayerOb = { "event": "pageView", "page": {"path":"/discover/the-triassic-period-the-rise-of-the-dinosaurs.html","site":"main site","siteSearchResultPage":false,"errorPage":false,"articlePage":false,"domain":"www.nhm.ac.uk","transactionPage":false,"title":"The Triassic Period: the rise of the dinosaurs | Natural History Museum","url":"https://www.nhm.ac.uk/discover/the-triassic-period-the-rise-of-the-dinosaurs.html"}, "user": {"id2":"","id1":""} }; const pollForAdobeAnalytics = () => { let interval; let timer = 0; const TIME_LIMIT = 60000; interval = setInterval(() => { timer += 10; if (timer > TIME_LIMIT) { clearInterval(interval); console.log("adobe analytics failed to load within one minute") return; } if (window.__satelliteLoaded) { const dataLayerEvent = new CustomEvent("dataLayerEvent", { detail: dataLayerOb }); document.querySelector("body").dispatchEvent(dataLayerEvent); clearInterval(interval); } }, 10) } window.addEventListener("DOMContentLoaded", () => { pollForAdobeAnalytics(); } ); </script> <link rel="preload" href="/etc/clientlibs/nhmwww/webfont.css" as="style"> <link rel="preload" href="/etc.clientlibs/nhmwww/clientlibs/clientlib-dependencies.css" as="style"> <link rel="preload" href="/etc.clientlibs/nhmwww/clientlibs/clientlib-site.css" as="style"> <link rel="preload" href="/etc/clientlibs/nhmwww/jquery.js" as="script"> <link rel="preload" href="/etc/clientlibs/nhmwww/lazyload.js" as="script"> <link rel="preload" href="/etc.clientlibs/nhmwww/clientlibs/clientlib-foundation.js" as="script"> <link rel="preload" href="/etc.clientlibs/nhmwww/clientlibs/clientlib-plugins.js" as="script"> <link rel="preload" href="/etc.clientlibs/nhmwww/clientlibs/clientlib-dependencies.js" as="script"> <link rel="preload" href="/etc.clientlibs/nhmwww/clientlibs/clientlib-site.js" as="script"> <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"/>  <script>dataLayer = [{'primaryHubTag':'dinosaurs','secondaryTags':['evolution','reptiles','extinction','fossils','prehistoric','mammals','amphibians'],'datePublished':'2019-08-27','dateLastUpdated':'2023-04-04'}];</script>    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5TDGNT');</script>  <link rel="stylesheet" href="/etc/clientlibs/nhmwww/webfont.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/nhmwww/clientlibs/clientlib-dependencies.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/nhmwww/clientlibs/clientlib-site.css" type="text/css"> <script> // WR-1042 - YouTube API was loading quicker than page DOM, causing a "YT.Player is not a constructor" error and stopping Discover captions from being displayed on-click. // Moving the YouTube API function into the headlibs allows the API to load quicker and resolves the issues. onYouTubeIframeAPIReady(); </script> <link rel="icon" type="image/vnd.microsoft.icon" href="/etc/designs/nhmwww/favicon.ico"/> <link rel="shortcut icon" type="image/vnd.microsoft.icon" href="/etc/designs/nhmwww/favicon.ico"/> </head> <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5TDGNT" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <section class="persistent-alert"> <i class="svg-ico icon--warning" data-svg-src="/etc.clientlibs/nhmwww/clientlibs/clientlib-site/resources/images/svg-icons/warning-outline.svg" data-svg-title="icon__warning" data-alt="Warning" data-base-color="#ffffff" data-stroke-color="#ffffff" data-stroke-width="0"> </i> <div class="persistent-alert__body"></div> </section>  <div class="body-overlay" data-show-cookie-banner-overlay="false"></div> <section id="js-cookie-bar" class="cookie-banner" data-show-cookie-banner="false" data-module="cookie-bar" role="region" aria-label="Cookie preferences banner"> <div class="grid-container"> <div class="banner-content"> <div role="heading" aria-level="2" class="banner-content__title"><h3>Accept cookies?</h3> </div> <div class="banner-content__description"><p>We use <a href="/about-us/cookies-on-the-museums-website.html">cook<sup></sup>ies</a>聽to give you the best online experience and to show personalised content and marketing. We use them to improve our website and content as well as to tailor our digital advertising on third-party platforms. You can change your preferences at any time.聽聽</p></div> </div> <div class="banner-actions"> <div class="banner-actions__items"> <a class="banner-actions__link" href="/about-us/cookie-preferences.html">Manage my preferences</a> <form id="cookie-banner-form" method="POST" action="/bin/cookie-preferences"> <button type="submit" class="button button--filled button--grey-dark" title="Accept All cookies">Yes, accept all</button> </form> </div> </div> </div> </section>  <div class="skip-link-container"> <a href="#main-content" class="js-no-scroll skip-to-content button button--filled button--grey-dark">Skip to content</a> </div> <header class="global-header cf"> <div class="megamenu"> <div class="global-header__container row"> <div class="global-header__logo" data-gtm-component="header-logo"> <a href="/" class="global-header__logo-link" aria-label="Natural History Museum Homepage"></a> </div> <button class="global-header__nav-button js--mobile-menu-toggle is-hidden--desktop" aria-label="Mobile navigation toggle" data-aria-hidden-desktop="true" data-aria-hidden-mobile="false" onclick="toggleMobileMenu(event)"> <span class="global-header__nav-burger"></span> </button> <div class="global-header__nav-wrapper" data-aria-hidden-desktop="false" data-aria-hidden-mobile="true" > <nav class="global-header__primary-nav" data-gtm-component="header-primary-nav"> <ul class="global-header__primary-nav-items"> <li class="global-header__primary-nav-item"> <a href="/visit.html" class="global-header__link is-hidden--mobile"> Visit </a> <button aria-label="Open Visit submenu" class="global-header__link--trigger is-hidden--desktop" data-parent-menu=".global-header__nav-wrapper" data-sub-menu=".global-header__nav-item-children--visit" onclick="openSubMenu(event)" data-aria-hidden-desktop="true" data-aria-hidden-mobile="false" > Visit <i aria-hidden="true" class="ico svg-ico nav-arrow" data-svg-src="/etc.clientlibs/nhmwww/clientlibs/clientlib-site/resources/images/svg-icons/icon_l_general_arrow_r.svg" data-svg-title="icon__back" data-alt="Open Visit" data-stroke-width="10" data-base-color="#A8A8A8" data-fallback="/etc.clientlibs/nhmwww/clientlibs/clientlib-site/resources/images/icons/icon_l_general_arrow_r.png"> </i> </button> <div data-gtm-component="header-subnav-visit" class="global-header__nav-item-children global-header__nav-item-children--visit " data-aria-hidden-desktop="true" data-aria-hidden-mobile="true" > <div class="global-header__nav-select-container is-hidden--mobile" data-aria-hidden-desktop="false" data-aria-hidden-mobile="true" > <select aria-label="Select Museum location" class="global-header__nav-select" name="visit-home-option" onchange="location = this.value;"> <option value="/content/nhmwww/en/home/visit.html">The Museum at South Kensington</option> <option value="/content/nhmwww/en/home/visit/tring.html">The Museum at Tring</option> </select> </div> <ul class="global-header__primary-nav-items"> <li> <button class="global-header__nav-button global-header__nav-button--back is-hidden--desktop" data-current-menu=".global-header__nav-item-children--visit" data-parent-menu=".global-header__nav-wrapper" onclick="closeSubMenu(event)" data-aria-hidden-desktop="true" data-aria-hidden-mobile="false" > <i class="ico svg-ico nav-arrow" data-svg-src="/etc.clientlibs/nhmwww/clientlibs/clientlib-site/resources/images/svg-icons/icon_l_general_arrow_l.svg" data-svg-title="icon__back" data-alt="Close visit" data-stroke-width="10" data-base-color="#A8A8A8" data-fallback="/etc.clientlibs/nhmwww/clientlibs/clientlib-site/resources/images/icons/icon_l_general_arrow_l.png"> </i> Back </button> </li> <li class="global-header__primary-nav-item has-no-margin--desktop"> <button aria-label="Open the Museum at South Kensington submenu" class="global-header__link--trigger is-hidden--desktop" data-parent-menu=".global-header__nav-item-children--visit" data-sub-menu=".global-header__nav-item-children--visit-south-kensington" onclick="openSubMenu(event)" data-aria-hidden-desktop="true" data-aria-hidden-mobile="false" > The Museum at South Kensington <i aria-hidden="true" class="ico svg-ico nav-arrow" data-svg-src="/etc.clientlibs/nhmwww/clientlibs/clientlib-site/resources/images/svg-icons/icon_l_general_arrow_r.svg" data-svg-title="icon__back" data-alt="Open The Museum at South Kensington" data-stroke-width="10" data-base-color="#A8A8A8" data-fallback="/etc.clientlibs/nhmwww/clientlibs/clientlib-site/resources/images/icons/icon_l_general_arrow_r.png"> </i> </button> <div class="global-header__nav-item-children global-header__nav-item-children--visit-south-kensington " data-aria-hidden-desktop="true" data-aria-hidden-mobile="true" > <ul class="global-header__primary-nav-items"> <li> <button class="global-header__nav-button global-header__nav-button--back is-hidden--desktop" data-current-menu=".global-header__nav-item-children--visit-south-kensington" data-parent-menu=".global-header__nav-item-children--visit" onclick="closeSubMenu(event)" data-aria-hidden-desktop="true" data-aria-hidden-mobile="false" > <i class="ico svg-ico nav-arrow" data-svg-src="/etc.clientlibs/nhmwww/clientlibs/clientlib-site/resources/images/svg-icons/icon_l_general_arrow_l.svg" data-svg-title="icon__back" data-alt="Close visit" data-stroke-width="10" data-base-color="#A8A8A8" data-fallback="/etc.clientlibs/nhmwww/clientlibs/clientlib-site/resources/images/icons/icon_l_general_arrow_l.png"> </i> Back </button> </li> <li class="global-header__primary-nav-item"> <a href="/visit.html" class="is-hidden--desktop global-header__link" data-gtm="subnav-link">The Museum at South Kensington</a> </li> <li class="global-header__primary-nav-item"> <a href="/visit/whats-on.html" class="global-header__link" data-gtm="subnav-link">What's on</a> </li> <li class="global-header__primary-nav-item"> <a href="/visit/galleries-and-museum-map.html" class="global-header__link" data-gtm="subnav-link">Explore the Museum</a> </li> <li class="global-header__primary-nav-item"> <a href="/visit/access-at-south-kensington.html" class="global-header__link" data-gtm="subnav-link">Access</a> </li> </ul> </div> </li> <li class="global-header__primary-nav-item"> <button aria-label="Open the Museum at Tring submenu" class="global-header__link--trigger is-hidden--desktop" data-parent-menu=".global-header__nav-item-children--visit" data-sub-menu=".global-header__nav-item-children--visit-tring" onclick="openSubMenu(event)" data-aria-hidden-desktop="true" data-aria-hidden-mobile="false" > The Museum at Tring <i aria-hidden="true" class="ico svg-ico nav-arrow" data-svg-src="/etc.clientlibs/nhmwww/clientlibs/clientlib-site/resources/images/svg-icons/icon_l_general_arrow_r.svg" data-svg-title="icon__back" data-alt="Open The Museum at Tring" data-stroke-width="10" data-base-color="#A8A8A8" data-fallback="/etc.clientlibs/nhmwww/clientlibs/clientlib-site/resources/images/icons/icon_l_general_arrow_r.png"> </i> </button> <div class="global-header__nav-item-children global-header__nav-item-children--visit-tring " data-aria-hidden-desktop="true" data-aria-hidden-mobile="true" > <ul class="global-header__primary-nav-items"> <li> <button class="global-header__nav-button global-header__nav-button--back is-hidden--desktop" data-current-menu=".global-header__nav-item-children--visit-tring" data-parent-menu=".global-header__nav-item-children--visit" onclick="closeSubMenu(event)" data-aria-hidden-desktop="true" data-aria-hidden-mobile="false" > <i class="ico svg-ico nav-arrow" data-svg-src="/etc.clientlibs/nhmwww/clientlibs/clientlib-site/resources/images/svg-icons/icon_l_general_arrow_l.svg" data-svg-title="icon__back" data-alt="Close visit" data-stroke-width="10" data-base-color="#A8A8A8" data-fallback="/etc.clientlibs/nhmwww/clientlibs/clientlib-site/resources/images/icons/icon_l_general_arrow_l.png"> </i> Back </button> </li> <li class="global-header__primary-nav-item"> <a href="/visit/tring.html" class="is-hidden--desktop global-header__link" data-gtm="subnav-link">The Museum at Tring</a> </li> <li class="global-header__primary-nav-item"> <a href="/visit/tring/whats-on-tring.html" class="global-header__link" data-gtm="subnav-link">What's on</a> </li> <li class="global-header__primary-nav-item"> <a href="/visit/tring/galleries.html" class="global-header__link" data-gtm="subnav-link">Explore the Museum</a> </li> <li class="global-header__primary-nav-item"> <a href="/visit/tring/facilities-and-access.html" class="global-header__link" data-gtm="subnav-link">Access</a> </li> </ul> </div> </li> </ul> </div> </li> <li class="global-header__primary-nav-item"> <a href="/discover.html" class="global-header__link is-hidden--mobile is-active--desktop">Discover</a> <button aria-label="Open Discover submenu" class="global-header__link--trigger is-hidden--desktop" data-parent-menu=".global-header__nav-wrapper" data-sub-menu=".global-header__nav-item-children--discover" onclick="openSubMenu(event)" data-aria-hidden-desktop="true" data-aria-hidden-mobile="false" > Discover <i aria-hidden="true" class="ico svg-ico nav-arrow" data-svg-src="/etc.clientlibs/nhmwww/clientlibs/clientlib-site/resources/images/svg-icons/icon_l_general_arrow_r.svg" data-svg-title="icon__back" data-alt="Open Discover" data-stroke-width="10" data-base-color="#A8A8A8" data-fallback="/etc.clientlibs/nhmwww/clientlibs/clientlib-site/resources/images/icons/icon_l_general_arrow_r.png"> </i> </button> <div data-gtm-component="header-subnav-discover" class="global-header__nav-item-children global-header__nav-item-children--discover is-active--desktop" data-aria-hidden-desktop="false" data-aria-hidden-mobile="true" > <ul class="global-header__primary-nav-items"> <li class="is-hidden--desktop" data-aria-hidden-desktop="true" data-aria-hidden-mobile="false" > <button class="global-header__nav-button global-header__nav-button--back is-hidden--desktop" data-current-menu=".global-header__nav-item-children--discover" data-parent-menu=".global-header__nav-wrapper" onclick="closeSubMenu(event)" > <i class="ico svg-ico nav-arrow" data-svg-src="/etc.clientlibs/nhmwww/clientlibs/clientlib-site/resources/images/svg-icons/icon_l_general_arrow_l.svg" data-svg-title="icon__back" data-alt="Close discover" data-stroke-width="10" data-base-color="#A8A8A8" data-fallback="/etc.clientlibs/nhmwww/clientlibs/clientlib-site/resources/images/icons/icon_l_general_arrow_l.png"> </i> Back </button> </li> <li class="global-header__primary-nav-item"> <a href="/discover.html" class="is-hidden--desktop global-header__link" data-gtm="subnav-link">Discover</a> </li> <li class="global-header__primary-nav-item"> <a href="/discover/news.html" class="global-header__link" data-gtm="subnav-link">News</a> </li> <li class="global-header__primary-nav-item"> <a href="/discover/anthropocene.html" class="global-header__link" data-gtm="subnav-link">Anthropocene</a> </li> <li class="global-header__primary-nav-item"> <a href="/discover/british-wildlife.html" class="global-header__link" data-gtm="subnav-link">British wildlife</a> </li> <li class="global-header__primary-nav-item"> <a href="/discover/collections.html" class="global-header__link" data-gtm="subnav-link">Collections</a> </li> <li class="global-header__primary-nav-item"> <a href="/discover/dinosaurs.html" class="global-header__link" data-gtm="subnav-link">Dinosaurs</a> </li> <li class="global-header__primary-nav-item"> <a href="/discover/human-evolution.html" class="global-header__link" data-gtm="subnav-link">Human evolution</a> </li> <li class="global-header__primary-nav-item"> <a href="/discover/oceans.html" class="global-header__link" data-gtm="subnav-link">Oceans</a> </li> <li class="global-header__primary-nav-item"> <a href="/discover/space.html" class="global-header__link" data-gtm="subnav-link">Space</a> </li> <li class="global-header__primary-nav-item"> <a href="/discover/what-on-earth.html" class="global-header__link" data-gtm="subnav-link">What on Earth?</a> </li> <li class="global-header__primary-nav-item"> <a href="/discover/video.html" class="global-header__link" data-gtm="subnav-link">Video</a> </li> </ul> </div> </li> <li class="global-header__primary-nav-item"> <a href="/take-part.html" class="global-header__link">Take part</a> </li> <li class="global-header__primary-nav-item"> <a href="/support-us.html" class="global-header__link is-hidden--mobile">Join and support</a> <button aria-label="Open Join and Support submenu" class="global-header__link--trigger is-hidden--desktop" data-parent-menu=".global-header__nav-wrapper" data-sub-menu=".global-header__nav-item-children--support-us" onclick="openSubMenu(event)" data-aria-hidden-desktop="true" data-aria-hidden-mobile="false" > Join and support <i aria-hidden="true" class="ico svg-ico nav-arrow" data-svg-src="/etc.clientlibs/nhmwww/clientlibs/clientlib-site/resources/images/svg-icons/icon_l_general_arrow_r.svg" data-svg-title="icon__back" data-alt="Open Join and Support" data-stroke-width="10" data-base-color="#A8A8A8" data-fallback="/etc.clientlibs/nhmwww/clientlibs/clientlib-site/resources/images/icons/icon_l_general_arrow_r.png"> </i> </button> <div data-gtm-component="header-subnav-support-us" class="global-header__nav-item-children global-header__nav-item-children--support-us " data-aria-hidden-desktop="true" data-aria-hidden-mobile="true" > <ul class="global-header__primary-nav-items"> <li class="is-hidden--desktop" data-aria-hidden-desktop="true" data-aria-hidden-mobile="false" > <button class="global-header__nav-button global-header__nav-button--back is-hidden--desktop" data-current-menu=".global-header__nav-item-children--support-us" data-parent-menu=".global-header__nav-wrapper" onclick="closeSubMenu(event)" > <i class="ico svg-ico nav-arrow" data-svg-src="/etc.clientlibs/nhmwww/clientlibs/clientlib-site/resources/images/svg-icons/icon_l_general_arrow_l.svg" data-svg-title="icon__back" data-alt="Close support us" data-stroke-width="10" data-base-color="#A8A8A8" data-fallback="/etc.clientlibs/nhmwww/clientlibs/clientlib-site/resources/images/icons/icon_l_general_arrow_l.png"> </i> Back </button> </li> <li class="global-header__primary-nav-item"> <a href="/support-us.html" class="is-hidden--desktop global-header__link" data-gtm="subnav-link">Join and support</a> </li> <li class="global-header__primary-nav-item"> <a href="/support-us/membership.html" class="global-header__link" data-gtm="subnav-link">Membership</a> </li> <li class="global-header__primary-nav-item"> <a href="/support-us/give.html" class="global-header__link" data-gtm="subnav-link">Make a donation</a> </li> <li class="global-header__primary-nav-item"> <a href="/support-us/patronage.html" class="global-header__link" data-gtm="subnav-link">Patrons</a> </li> <li class="global-header__primary-nav-item"> <a href="/support-us/corporate-partnerships.html" class="global-header__link" data-gtm="subnav-link">Corporate partnerships</a> </li> </ul> </div> </li> <li class="global-header__primary-nav-item"> <a href="https://www.nhmshop.co.uk" class="global-header__link">Shop</a> </li> <li class="global-header__primary-nav-item"> <a href="/schools.html" class="global-header__link">Schools</a> </li> <li class="global-header__primary-nav-item"> <a href="/our-science.html" class="global-header__link">Our science</a> <button aria-label="Open Our science submenu" class="global-header__link--trigger is-hidden--desktop is-hidden--mobile" data-parent-menu=".global-header__nav-wrapper" data-sub-menu=".global-header__nav-item-children--deworm3" onclick="openSubMenu(event)" data-aria-hidden-desktop="true" data-aria-hidden-mobile="false" > <i aria-hidden="true" class="ico svg-ico nav-arrow" data-svg-src="/etc.clientlibs/nhmwww/clientlibs/clientlib-site/resources/images/svg-icons/icon_l_general_arrow_r.svg" data-svg-title="icon__back" data-alt="Open Discover" data-stroke-width="10" data-base-color="#A8A8A8" data-fallback="/etc.clientlibs/nhmwww/clientlibs/clientlib-site/resources/images/icons/icon_l_general_arrow_r.png"> </i> </button> <div class="global-header__nav-item-children global-header__nav-item-children--deworm3 " data-aria-hidden-desktop="true" data-aria-hidden-mobile="true" > <ul class="global-header__primary-nav-items"> <li> <button class="global-header__nav-button global-header__nav-button--back is-hidden--desktop" data-current-menu=".global-header__nav-item-children--deworm3" data-parent-menu=".global-header__nav-wrapper" onclick="closeSubMenu(event)" data-aria-hidden-desktop="true" data-aria-hidden-mobile="false" > <i class="ico svg-ico nav-arrow" data-svg-src="/etc.clientlibs/nhmwww/clientlibs/clientlib-site/resources/images/svg-icons/icon_l_general_arrow_l.svg" data-svg-title="icon__back" data-alt="Close Deworm3" data-stroke-width="10" data-base-color="#A8A8A8" data-fallback="/etc.clientlibs/nhmwww/clientlibs/clientlib-site/resources/images/icons/icon_l_general_arrow_l.png"> </i> Back </button> </li> <li class="global-header__primary-nav-item"> <a href="/our-science/our-work/sustainability/deworm3.html" class="global-header__link" data-gtm="subnav-link">Deworm3</a> </li> <li class="global-header__primary-nav-item"> <a href="/our-science/our-work/sustainability/deworm3/about.html" class="global-header__link" data-gtm="subnav-link">About</a> </li> <li class="global-header__primary-nav-item"> <a href="/our-science/our-work/sustainability/deworm3/who-we-are.html" class="global-header__link" data-gtm="subnav-link">Who we are</a> </li> <li class="global-header__primary-nav-item"> <a href="/our-science/our-work/sustainability/deworm3/objectives.html" class="global-header__link" data-gtm="subnav-link">Objectives</a> </li> <li class="global-header__primary-nav-item"> <a href="/our-science/our-work/sustainability/deworm3/intervention.html" class="global-header__link" data-gtm="subnav-link">Achievements</a> </li> <li class="global-header__primary-nav-item"> <a href="/our-science/our-work/sustainability/deworm3/research-tool-kit.html" class="global-header__link" data-gtm="subnav-link">Research tool kit</a> </li> <li class="global-header__primary-nav-item"> <a href="/our-science/our-work/sustainability/deworm3/publications.html" class="global-header__link" data-gtm="subnav-link">Publications</a> </li> <li class="global-header__primary-nav-item"> <a href="/our-science/our-work/sustainability/deworm3/news.html" class="global-header__link" data-gtm="subnav-link">News</a> </li> </ul> </div> </li> </ul> </nav> <nav class="global-header__secondary-nav" data-gtm-component="header-secondary-nav"> <ul class="global-header__secondary-nav-items"> <li class="global-header__secondary-nav-item"> <button type="button" class="button global-header__button" onclick="openSearchPanel()" > <i aria-hidden="true" class="ico svg-ico" data-svg-src="/etc.clientlibs/nhmwww/clientlibs/clientlib-site/resources/images/svg-icons/icon_search.svg" data-svg-title="icon__search" data-alt="Open Search Panel" data-base-color="#000000" data-fallback="/etc.clientlibs/nhmwww/clientlibs/clientlib-site/resources/images/icons/icon_search.png"> </i> Search </button> </li> <li class="global-header__secondary-nav-item"> <a href="/support-us/membership.html" class="button global-header__button" data-gtm="header-button">Membership</a> </li> <li class="global-header__secondary-nav-item"> <a href="/support-us/make-a-donation.html" class="button button--filled button--yellow button--small global-header__button" data-gtm="header-button">Donate</a> </li> </ul> </nav> </div> </div> <div class="search-panel" data-aria-hidden-desktop="true" data-aria-hidden-mobile="true" data-gtm-component="header-search" > <div class="row search-panel__container"> <div class="search-panel__form"> <form action="//www.nhm.ac.uk/search.html" method="get" class="global-header--search-bar__form" role="search"> <div class="large-6 small-6 columns"> <input type="text" name="q" id="searchBar" placeholder="Enter your search terms" class="search-panel__form-input" aria-label="Search box"> </div> <div class="large-2 small-4 columns"> <button class="button button--hollow button--white button--small search-panel__button" aria-label="Search">Search</button> </div> </form> </div> <div class="search-panel__popular"> <p role="heading" aria-level="1" class="search-panel__popular-title">Popular search terms:</p> <ul class="search-panel__popular-items"> <li class="search-panel__popular-item"> <a class="search-panel__popular-link" href="https://www.nhm.ac.uk/discover/british-wildlife.html">British wildlife</a> </li> <li class="search-panel__popular-item"> <a class="search-panel__popular-link" href="https://www.nhm.ac.uk/visit/exhibitions/wildlife-photographer-of-the-year.html">Wildlife Photographer of the Year</a> </li> <li class="search-panel__popular-item"> <a class="search-panel__popular-link" href="https://www.nhm.ac.uk/discover/dinosaurs.html">Dinosaurs</a> </li> <li class="search-panel__popular-item"> <a class="search-panel__popular-link" href="https://www.nhm.ac.uk/discover/space.html">Space</a> </li> <li class="search-panel__popular-item"> <a class="search-panel__popular-link" href="https://www.nhm.ac.uk/visit/galleries-and-museum-map.html">Explore the Museum</a> </li> </ul> </div> <button class="search-panel__close-trigger" onclick="closeSearchPanel()" aria-label="Close search"> <i class="ico svg-ico search-panel__icon--close" data-svg-src="/etc.clientlibs/nhmwww/clientlibs/clientlib-site/resources/images/svg-icons/icon_l_general_close.svg" data-svg-title="icon__search_panel_close" data-alt="Close search panel" data-stroke-width="10" data-base-color="#EEEEEE" height="24" width="24" data-fallback="/etc.clientlibs/nhmwww/clientlibs/clientlib-site/resources/images/mobile-menu.png"></i> </button> </div> </div> </div> </header> <link rel="stylesheet" href="/etc.clientlibs/nhmwww/components/fragments/universalbanner/clientlibs.css" type="text/css"> <script src="/etc.clientlibs/nhmwww/components/fragments/universalbanner/clientlibs.js"></script> </meta> <div class="horizontalnav" data-gtm-component="horizontal-nav" id="hide-me-horizontalnav"> <button data-gtm-component="horizontal-nav-next-btn" data-horizontalnav-prev="true" data-hidden="true"> <svg width="9" height="16" viewBox="0 0 9 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.73965 0.26035C9.08678 0.607482 9.08678 1.1703 8.73965 1.51743L2.25708 8L8.73965 14.4826C9.08678 14.8297 9.08678 15.3925 8.73965 15.7397C8.39252 16.0868 7.8297 16.0868 7.48257 15.7397L0.37146 8.62854C0.0243273 8.28141 0.0243273 7.71859 0.37146 7.37146L7.48257 0.26035C7.8297 -0.0867832 8.39252 -0.0867832 8.73965 0.26035Z" fill="#565656"/> </svg> </button> <ul class="horizontalnav__list"> <li> <a href="/discover.html" aria-label="Navigate to Discover landing page"> Discover </a> </li> <li> <a href="/discover/news.html" aria-label="Navigate to the News page"> News </a> </li> <li> <a href="/discover/anthropocene.html" aria-label="Navigate to the Anthropocene page"> Anthropocene </a> </li> <li> <a href="/discover/british-wildlife.html" aria-label="Navigate to the British Wildlife page"> British Wildlife </a> </li> <li> <a href="/discover/collections.html" aria-label="Navigate to the Collections page"> Collections </a> </li> <li> <a href="/discover/dinosaurs.html" aria-label="Navigate to the Dinosaurs page"> Dinosaurs </a> </li> <li> <a href="/discover/human-evolution.html" aria-label="Navigate to the Human Evolution page"> Human evolution </a> </li> <li> <a href="/discover/oceans.html" aria-label="Navigate to the Ocean page"> Oceans </a> </li> <li> <a href="/discover/what-on-earth.html" aria-label="Navigate to the What on Earth? page"> What on Earth? </a> </li> <li> <a href="/discover/video.html" aria-label="Navigate to the Video page"> Video </a> </li> </ul> <button data-gtm-component="horizontal-nav-prev-btn" data-horizontalnav-next="true" data-hidden="true"> <svg width="9" height="16" viewBox="0 0 9 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.26035 0.26035C-0.0867832 0.607482 -0.0867832 1.1703 0.26035 1.51743L6.74292 8L0.26035 14.4826C-0.0867832 14.8297 -0.0867832 15.3925 0.26035 15.7397C0.607482 16.0868 1.1703 16.0868 1.51743 15.7397L8.62854 8.62854C8.97567 8.28141 8.97567 7.71859 8.62854 7.37146L1.51743 0.26035C1.1703 -0.0867832 0.607482 -0.0867832 0.26035 0.26035Z" fill="#565656"/> </svg> </button> </div> <section class="subnav" data-gtm-component="subsectionnav">  <button class="subnav-button repel" aria-expanded="false" aria-label="Open Discover sub navigation"> <div class="subnav-button__content cluster"> <p class="subnav-button__title">Discover</p> <div class="subnav-button__icon"> <svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.8047 0.695262C11.5444 0.434913 11.1223 0.434913 10.8619 0.695262L6 5.55719L1.13807 0.695262C0.877721 0.434913 0.455612 0.434913 0.195261 0.695262C-0.0650883 0.955612 -0.0650883 1.37772 0.195261 1.63807L5.5286 6.9714C5.78894 7.23175 6.21105 7.23175 6.4714 6.9714L11.8047 1.63807C12.0651 1.37772 12.0651 0.955612 11.8047 0.695262Z" fill="#333333"/> </svg> </div> </div> </button>  <ul class="subnav-dropdown" data-active="false" aria-hidden="true"> <li> <a href="/discover.html" aria-label="Navigate to Discover landing page"> <h3>Discover</h3> </a> </li> <li> <a href="/discover/news.html" aria-label="Navigate to the News page"> <p>News</p> </a> </li> <li> <a href="/discover/anthropocene.html" aria-label="Navigate to the Anthropocene page"> <p>Anthropocene</p> </a> </li> <li> <a href="/discover/british-wildlife.html" aria-label="Navigate to the British Wildlife page"> <p>British Wildlife</p> </a> </li> <li> <a href="/discover/collections.html" aria-label="Navigate to the Collections page"> <p>Collections</p> </a> </li> <li> <a href="/discover/dinosaurs.html" aria-label="Navigate to the Dinosaurs page"> <p>Dinosaurs</p> </a> </li> <li> <a href="/discover/human-evolution.html" aria-label="Navigate to the Human Evolution page"> <p>Human evolution</p> </a> </li> <li> <a href="/discover/oceans.html" aria-label="Navigate to the Ocean page"> <p>Oceans</p> </a> </li> <li> <a href="/discover/what-on-earth.html" aria-label="Navigate to the What on Earth? page"> <p>What on Earth?</p> </a> </li> <li> <a href="/discover/video.html" aria-label="Navigate to the Video page"> <p>Video</p> </a> </li> </ul> </section> <div id="main-content" class="main-section discover"> <div class="main-section"> <div class="imagepage"> <div class="layout-row" data-columns="hero"> <picture> <source media="(max-width: 480px)" srcset="/content/dam/nhmwww/discover/triassic-overview/Triassic-landscape-dino-hero.jpg.placeholder.480.480.png" data-srcset="/content/dam/nhmwww/discover/triassic-overview/Triassic-landscape-dino-hero.jpg.thumb.480.480.jpg"/> <source media="(min-width: 481px) and (max-width: 768px)" srcset="/content/dam/nhmwww/discover/triassic-overview/Triassic-landscape-dino-hero.jpg.placeholder.768.768.png" data-srcset="/content/dam/nhmwww/discover/triassic-overview/Triassic-landscape-dino-hero.jpg.thumb.768.768.jpg"/> <source media="(min-width: 769px) and (max-width: 1160px)" srcset="/content/dam/nhmwww/discover/triassic-overview/Triassic-landscape-dino-hero.jpg.placeholder.1160.1160.png" data-srcset="/content/dam/nhmwww/discover/triassic-overview/Triassic-landscape-dino-hero.jpg.thumb.1160.1160.jpg"/> <source media="(min-width: 1161px)" srcset="/content/dam/nhmwww/discover/triassic-overview/Triassic-landscape-dino-hero.jpg.placeholder.1920.1920.png" data-srcset="/content/dam/nhmwww/discover/triassic-overview/Triassic-landscape-dino-hero.jpg"/> <img class="lazy" data-src="/content/dam/nhmwww/discover/triassic-overview/Triassic-landscape-dino-hero.jpg.thumb.1920.1920.jpg" src="/content/dam/nhmwww/discover/triassic-overview/Triassic-landscape-dino-hero.jpg.placeholder.1920.1920.png" alt="Early dinosaur eating a tree during the Triassic Period"/> </picture> </div> <div class="layout-row imagepage--header-text-container" data-columns="13"> <div class="imagepage--caption-container" data-caption-truncation> <div class="imagepage--caption"> <p>The Triassic was a time of change, a transition from a world dominated by mammal-like reptiles to one ruled by dinosaurs.聽</p> <div class="imagepage--credit"> <p>漏 The Trustees of the Natural History Museum, London</p> </div> </div> </div> <div class="imagepage--info"> <div class="imagepage--tags-header" aria-hidden="true" data-gtm-component="hub-header"> <a href="http://www.nhm.ac.uk/discover/dinosaurs.html">DINOSAURS</a> </div> <h1 class="imagepage--title">The Triassic Period: the rise of the dinosaurs</h1> <div class="flow"> <dl class="imagepage--metadata"> <dt class="show-for-sr">Author:</dt> <dd class="imagepage--author">By Josh Davis</dd> </dl> <div class="article--secondary-info cluster"> <div class="social-icons-list"> <div class="social-share--container"> <div class="social-share--icons cluster"> <div class="facebook social-share--icon--container"> <a aria-label="Share on facebook" href="https://www.facebook.com/sharer/sharer.php?u=https://www.nhm.ac.uk/discover/the-triassic-period-the-rise-of-the-dinosaurs" target="_blank" rel="noopener"> <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg" class="social-share--icon"> <circle cx="14" cy="14" r="14" fill="#333333"/> <path d="M15.1783 21.9729V15.143H17.5302L17.882 12.4813H15.1783V10.7824C15.1783 10.0119 15.398 9.48656 16.5315 9.48656L17.9776 9.4859V7.10507C17.7275 7.07269 16.8692 7 15.8705 7C13.7858 7 12.358 8.24031 12.358 10.5181V12.4813H10V15.143H12.358V21.9729H15.1783Z" fill="white"/> </svg> </a> </div> <div class="twitter social-share--icon--container"> <a aria-label="Share on twitter" href="https://twitter.com/intent/tweet?text=The%20Triassic%20Period:%20the%20rise%20of%20the%20dinosaurs%0Ahttps://www.nhm.ac.uk/discover/the-triassic-period-the-rise-of-the-dinosaurs" target="_blank" rel="noopener"> <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="14" cy="14" r="14" fill="#333333"/> <path d="M22.1667 9.68591C21.6087 9.94384 21.0089 10.1176 20.3795 10.1959C21.0222 9.79514 21.5158 9.16018 21.7477 8.4035C21.1467 8.7746 20.4806 9.04438 19.7716 9.18979C19.2047 8.5601 18.3952 8.16663 17.5004 8.16663C15.4914 8.16663 14.0152 10.1182 14.469 12.1441C11.8837 12.0093 9.59097 10.7196 8.05598 8.75947C7.24077 10.2156 7.63321 12.1205 9.01843 13.0851C8.50908 13.068 8.02881 12.9225 7.60983 12.6797C7.5757 14.1806 8.60893 15.5847 10.1054 15.8973C9.66744 16.021 9.18779 16.0499 8.69993 15.9526C9.09553 17.2396 10.2444 18.1759 11.6069 18.2022C10.2988 19.2701 8.65064 19.7472 7 19.5445C8.37701 20.4637 10.0131 21 11.7699 21C17.5472 21 20.8111 15.9197 20.614 11.3631C21.2219 10.9058 21.7496 10.3353 22.1667 9.68591V9.68591Z" fill="white"/> </svg> </a> </div> <div class="email social-share--icon--container"> <a aria-label="Share by email" href="mailto:?subject=The%20Triassic%20Period:%20the%20rise%20of%20the%20dinosaurs&body=http%3A//www.nhm.ac.uk/discover/the-triassic-period-the-rise-of-the-dinosaurs"> <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg" class="social-share--icon"> <circle cx="14" cy="14" r="14" fill="#333333"/> <path d="M22.9269 8.40756C22.9269 8.40756 22.7861 7.08155 21.4675 7.00002C21.1491 7.00002 10.0223 7.00002 10.0223 7.00002H6.51115C6.51115 7.00002 5.16957 6.9768 5.01465 8.40756C5.02208 8.415 9.39591 12.9117 9.39591 12.9117L11.0682 14.6305L12.0205 15.4899C12.0205 15.4899 13.5535 16.8602 15.2302 15.9268C15.2302 15.9268 15.4581 15.815 15.9266 15.4009C16.4092 14.974 20.4602 10.8598 20.4602 10.8598C20.4602 10.8598 22.8751 8.43729 22.9269 8.40756Z" fill="white"/> <path d="M22.9409 10.0391V17.047L19.4297 13.5505L22.9409 10.0391Z" fill="white"/> <path d="M5 10.0391V17.047L8.51142 13.5505L5 10.0391Z" fill="white"/> <path d="M9.33304 14.3785L11.0911 16.1402C11.0911 16.1402 11.8808 16.8758 12.2524 17.0073C12.2601 17.0229 14.0253 17.9364 15.8835 16.8835C15.8911 16.8758 16.3868 16.6124 17.4009 15.5751C18.4152 14.5376 18.5778 14.375 18.5778 14.375L22.9135 18.6875L22.9367 18.7184C22.9367 18.7184 22.805 20.0732 21.4346 20.0888C20.0643 20.1043 6.66243 20.0964 6.66243 20.0964C6.66243 20.0964 5.20681 20.1738 5.021 18.7028L9.33304 14.3785Z" fill="white"/> </svg> </a> </div> </div> </div> </div> <div data-gtm-component="like-button-top" class="article-likes-container"> <div class="like-container" data-page-path="/discover/the-triassic-period-the-rise-of-the-dinosaurs"> <a href="#" aria-label="Clap button for article likes" class="like-button-link" tabindex="0"> <span class="clap-svg"></span> <span aria-label="1014 article likes" class="like-count js-like-count">1014</span> </a> </div> </div> </div> </div> <div class="imagepage--intro"> <p>The Triassic Period was a time of great change.</p> <p>Bookended by extinctions, this era saw huge shifts in the diversity and dominance of life on Earth, ushering in the appearance of many well-known groups of animals that would go on to rule the planet for tens of millions of years.聽</p> <p>聽</p> </div> </div> </div> <div> <div class="pulloutimage parbase section"> <div class="layout-row imagepage--pullout" data-columns="13"> <div class="imagepage--pullout-image-text-container"> <div class="imagepage--pullout-image"> <figure role="group"> <picture> <source media="(max-width: 480px)" srcset="/content/dam/nhmwww/discover/triassic-overview/Triassic-Lystrosaurus-two-column.jpg.placeholder.480.480.png" data-srcset="/content/dam/nhmwww/discover/triassic-overview/Triassic-Lystrosaurus-two-column.jpg.thumb.480.480.jpg"/> <source media="(min-width: 481px) and (max-width: 768px)" srcset="/content/dam/nhmwww/discover/triassic-overview/Triassic-Lystrosaurus-two-column.jpg.placeholder.768.768.png" data-srcset="/content/dam/nhmwww/discover/triassic-overview/Triassic-Lystrosaurus-two-column.jpg.thumb.768.768.jpg"/> <source media="(min-width: 769px)" srcset="/content/dam/nhmwww/discover/triassic-overview/Triassic-Lystrosaurus-two-column.jpg.placeholder.480.480.png" data-srcset="/content/dam/nhmwww/discover/triassic-overview/Triassic-Lystrosaurus-two-column.jpg.thumb.480.480.jpg"/> <img class="lazy" data-src="/content/dam/nhmwww/discover/triassic-overview/Triassic-Lystrosaurus-two-column.jpg.thumb.768.768.jpg" src="/content/dam/nhmwww/discover/triassic-overview/Triassic-Lystrosaurus-two-column.jpg.placeholder.768.768.png" alt="An artist's impression of what Lystrosaurus looked like"/> </picture> <figcaption> <div class="imagepage--caption-container" data-caption-truncation> <div class="imagepage--caption"> <p>The early Triassic was dominated by mammal-like reptiles such as聽<i>Lystrosaurus.聽</i></p> <div class="imagepage--credit"><p>漏 Nobu Tamura/<a href="https://commons.wikimedia.org/wiki/File:Lystrosaurus_BW.jpg">Wikimedia Commons</a></p> </div> </div> </div> </figcaption> </figure> </div> </div> <div> <p>The Triassic Period (252-201 million years ago) began after Earth's worst-ever <a href="/discover/what-is-mass-extinction-and-are-we-facing-a-sixth-one.html">extinction event</a> devastated life.聽</p> <p>The Permian-Triassic extinction event, also known as the Great Dying, took place roughly 252 million years ago and was one of the most significant events in the history of our planet. It represents the divide between the Palaeozoic and the Mesozoic Eras.聽聽聽聽</p> <p><a href="https://www.nhm.ac.uk/our-science/departments-and-staff/staff-directory/mike-day.html">Dr Mike Day</a> is the curator of fossil reptiles at the Museum.聽</p> <p>He says, 'The Triassic is an interesting period. It forms the transition between the late Palaeozoic Era, which was mainly populated by synapsids, or mammal-like reptiles, and the Mesozoic Era, when the archosaurian reptiles, which includes <a href="https://www.nhm.ac.uk/discover/what-are-dinosaurs.html">the dinosaurs</a>, came to dominate.'</p> <h2>Permian-Triassic extinction: the Great Dying</h2> <p>The cause of the Permian-Triassic extinction event is not fully understood. Various theories have been proposed, such as an unknown asteroid impact, massive volcanic eruptions in what is now Siberia, the release of methane from the depths of the oceans, sea level change, increasing aridity, or a combination of many of these.</p> </div> </div> </div> <div class="twoimages parbase section"> <div class="layout-row" data-columns="2"> <div class="imagepage--twoimages"> <figure role="group"> <picture> <source media="(max-width: 620px)" srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-fossil-fern-port.jpg.placeholder.620.620.png" data-srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-fossil-fern-port.jpg.thumb.620.620.jpg"/> <source media="(min-width: 621px)" srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-fossil-fern-port.jpg.placeholder.768.768.png" data-srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-fossil-fern-port.jpg.thumb.768.768.jpg"/> <img class="lazy" data-src="/content/dam/nhmwww/discover/triassic-overview/triassic-fossil-fern-port.jpg.thumb.768.768.jpg" src="/content/dam/nhmwww/discover/triassic-overview/triassic-fossil-fern-port.jpg.placeholder.768.768.png" alt="Fossil seed fern dating to the Triassic Period"/> </picture> <figcaption> <div class="imagepage--caption-container" data-caption-truncation> <div class="imagepage--caption"> <p>The environment was dominated by conifers, ferns and a聽now-extinct group of plants known as the seed ferns, or the Pteridospermatopsids. Find out more about our <a href="/our-science/services/collections/palaeontology/palaeobotany.html">palaeobotany collection</a>.聽</p> <div class="imagepage--credit"><p>漏 The Trustees of the Natural History Museum, London</p> </div> </div> </div> </figcaption> </figure> </div> <div class="imagepage--twoimages"> <figure role="group"> <picture> <source media="(max-width: 620px)" srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-living-fern-port.jpg.placeholder.620.620.png" data-srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-living-fern-port.jpg.thumb.620.620.jpg"/> <source media="(min-width: 621px)" srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-living-fern-port.jpg.placeholder.768.768.png" data-srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-living-fern-port.jpg.thumb.768.768.jpg"/> <img class="lazy" data-src="/content/dam/nhmwww/discover/triassic-overview/triassic-living-fern-port.jpg.thumb.768.768.jpg" src="/content/dam/nhmwww/discover/triassic-overview/triassic-living-fern-port.jpg.placeholder.768.768.png" alt="Modern fern"/> </picture> <figcaption> <div class="imagepage--caption-container" data-caption-truncation> <div class="imagepage--caption"> <p>Today we tend to think of ferns as preferring dark, damp environments, but in the Triassic they had an incredible array of forms.聽</p> <div class="imagepage--credit"><p>漏 Carl Campbell/<a href="https://www.flickr.com/photos/carlbcampbell/15185509066/in/photolist-p8TGMQ-k8YCB-23zg8i-fbGVzy-82FBuz-aP9Utv-3KvBBF-882LBQ-bV7iW6-bVAMbK-fmfGzg-VMHuRo-4AWvPs-eYwZ1v-fmuMSy-gtCjxS-vwmm7L-nFF9YC-8458CX-dChNmH-2jun5T-7rmzPU-5YQPgN-848eEm-83xV8t-u94Dov-fmfEZP-6SaUyW-jBQK7M-5fBCvH-9GF6zp-3e2Do2-615o2s-2geB9t-6twD2M-5jtmf4-btJBfZ-514pyk-6n9cPo-53kkFo-aJJk72-ZJuaa-k4Lrbh-nT9nXE-afe8Gz-Q56PuN-m5xNEc-bWT9u8-83xUYv-8baUoN">Flickr</a></p> </div> </div> </div> </figcaption> </figure> </div> </div> </div> <div class="text parbase section"> <div class="layout-row" data-columns="13" data-gtm-component="text"> <div> </div> <div> <p>However the extinction event started, the result was catastrophic for large swathes of life.</p> <p>By some estimations, the Great Dying was responsible for the extinction of up to 90% of all species. It wiped out many groups of insects, large numbers of mammal-like reptiles, and killed off all the trilobites, a group of animals that had existed in the oceans for close to 300 million years.聽</p> <p><a href="https://www.google.com/search?q=paul+kenrick+nhm&rlz=1C1GCEU_en-GBGB821GB821&oq=paul+kenrick+nhm&aqs=chrome..69i57j0j69i64.2543j0j4&sourceid=chrome&ie=UTF-8">Dr Paul Kenrick</a> is a researcher at the Museum who specialises in fossil plants. He explains that it was not just the animals that suffered heavy losses during the Great Dying.</p> </div> </div> </div> <div class="pulloutimage parbase section"> <div class="layout-row imagepage--pullout" data-columns="13"> <div class="imagepage--pullout-image-text-container"> <div class="imagepage--pullout-image"> <figure role="group"> <picture> <source media="(max-width: 480px)" srcset="/content/dam/nhmwww/discover/triassic-overview/gondwana-wiki-two-column.jpg.placeholder.480.480.png" data-srcset="/content/dam/nhmwww/discover/triassic-overview/gondwana-wiki-two-column.jpg.thumb.480.480.jpg"/> <source media="(min-width: 481px) and (max-width: 768px)" srcset="/content/dam/nhmwww/discover/triassic-overview/gondwana-wiki-two-column.jpg.placeholder.768.768.png" data-srcset="/content/dam/nhmwww/discover/triassic-overview/gondwana-wiki-two-column.jpg.thumb.768.768.jpg"/> <source media="(min-width: 769px)" srcset="/content/dam/nhmwww/discover/triassic-overview/gondwana-wiki-two-column.jpg.placeholder.480.480.png" data-srcset="/content/dam/nhmwww/discover/triassic-overview/gondwana-wiki-two-column.jpg.thumb.480.480.jpg"/> <img class="lazy" data-src="/content/dam/nhmwww/discover/triassic-overview/gondwana-wiki-two-column.jpg.thumb.768.768.jpg" src="/content/dam/nhmwww/discover/triassic-overview/gondwana-wiki-two-column.jpg.placeholder.768.768.png" alt="Map of Pangea during the Triassic Period"/> </picture> <figcaption> <div class="imagepage--caption-container" data-caption-truncation> <div class="imagepage--caption"> <p>The continents formed a single giant landmass known as Pangea.</p> <div class="imagepage--credit"><p>漏聽<a href="https://en.wikipedia.org/wiki/United_States_Geological_Survey" title="w:United States Geological Survey">United States Geological Survey</a>/<a href="https://en.wikipedia.org/wiki/Gondwana#/media/File:Laurasia-Gondwana.svg">Wikimedia Commons</a></p> </div> </div> </div> </figcaption> </figure> </div> </div> <div> <p>'What we see when we come through into the Triassic is a re-establishment of ecosystems,' says Paul. 'The first few million years of the Triassic is marked by an absence of coals. This is thought to be related to the mass extinction that happened and the time it took for the recovery of plants.'</p> <p>This sequence is known as the coal gap, a period in which there was seemingly no coal being laid down. As coal is formed from plant matter that has decayed into peat, it has been suggested that the absence of coal in the first few millions of years of the Triassic was a direct result of the Permian-Triassic extinction event, as plants slowly became re-established in the landscape.</p> <p>By some estimates, it may have taken up to 10 million years for the planet to recover from the devastation caused by the Great Dying.</p> <h2>The supercontinent Pangea</h2> <p>The Triassic is largely defined by extinctions, but it is also characterised by the position of the continents at that time. There was only one giant landmass: Pangea.</p> <p>'One might think that because you had this big land mass joined up that the environment across it would be very similar,' says Paul. 'But it's not. There were still quite a lot of differences between the flora in the northern and southern parts.</p> <p>'Pangea was an extraordinary thing and we haven't seen the like of it since.'</p> </div> </div> </div> <div class="imageandtext parbase section"> <div class="layout-row imagepage--fullwidth"> <div class="layout-column"> <figure role="group"> <picture> <source media="(max-width: 480px)" srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-conifers-full-width.jpg.placeholder.480.480.png" data-srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-conifers-full-width.jpg.thumb.480.480.jpg"/> <source media="(min-width: 481px) and (max-width: 768px)" srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-conifers-full-width.jpg.placeholder.768.768.png" data-srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-conifers-full-width.jpg.thumb.768.768.jpg"/> <source media="(min-width: 769px)" srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-conifers-full-width.jpg.placeholder.1160.1160.png" data-srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-conifers-full-width.jpg.thumb.1160.1160.jpg"/> <img class="lazy" data-src="/content/dam/nhmwww/discover/triassic-overview/triassic-conifers-full-width.jpg.thumb.1160.1160.jpg" src="/content/dam/nhmwww/discover/triassic-overview/triassic-conifers-full-width.jpg.placeholder.1160.1160.png" alt="Conifer forests were dominant in the Triassic Period"/> </picture> <figcaption> <div> <div class="imagepage--caption-container" data-caption-truncation> <div class="imagepage--caption"><p>As flowering plants were yet to evolve the planet was dominated by conifers, which grew in an incredible variety of forms.聽</p> <div class="imagepage--credit"><p>漏 Max and Dee Bernt/<a href="https://www.flickr.com/photos/lhanaphotography/17313962841/">Flickr</a></p> </div> </div> </div> </div> </figcaption> </figure> </div> </div> <div class="imagepage--text-container layout-row" data-columns="13" data-gtm-component="text">  <div class="layout-column"></div> <div class="layout-column"> <p>It is during the early part of the Triassic that the conifers took off. With flowering plants and grasses yet to evolve, conifers formed vast forests with individual trees reaching up to 30 metres tall. The understory would have been full of other conifer growth forms that no longer exist today, such as shrubs and woody vines.</p> <p>'You have to bear in mind that we can reference modern species, but often the form of these extinct plants are either unknown or not completely known,' explains Paul. 'It is difficult to point to a living plant as an example of what they were like.'</p> <p>Where the environment became drier, the forests gave way to vast fern prairies.</p> <p>As animal life began to recover, what emerged on land was not so different from what came before. The most common vertebrate on the land was the small, herbivorous synapsid, or mammal-like reptile, called <i>Lystrosaurus</i>.</p> </div> </div> </div> <div class="imageandtext parbase section"> <div class="layout-row imagepage--hero" data-columns="hero"> <figure role="group"> <picture> <source media="(max-width: 480px)" srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-ichthyosaur-hero.jpg.placeholder.480.480.png" data-srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-ichthyosaur-hero.jpg.thumb.480.480.jpg"/> <source media="(min-width: 481px) and (max-width: 768px)" srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-ichthyosaur-hero.jpg.placeholder.768.768.png" data-srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-ichthyosaur-hero.jpg.thumb.768.768.jpg"/> <source media="(min-width: 769px) and (max-width: 1160px)" srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-ichthyosaur-hero.jpg.placeholder.1160.1160.png" data-srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-ichthyosaur-hero.jpg.thumb.1160.1160.jpg"/> <source media="(min-width: 1161px)" srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-ichthyosaur-hero.jpg.placeholder.1920.1920.png" data-srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-ichthyosaur-hero.jpg"/> <img class="lazy" data-src="/content/dam/nhmwww/discover/triassic-overview/triassic-ichthyosaur-hero.jpg.thumb.1920.1920.jpg" src="/content/dam/nhmwww/discover/triassic-overview/triassic-ichthyosaur-hero.jpg.placeholder.1920.1920.png" alt="Fossil of an ichthyosaur, which evolved during the Triassic Period"/> </picture> <figcaption class="layout-row"> <div> <div class="imagepage--caption-container" data-caption-truncation> <div class="imagepage--caption"> <p>Ichthyosaurs would come to dominate the <a href="/discover/life-in-jurassic-oceans.html">oceans of the Jurassic</a>.聽</p> <div class="imagepage--credit"><p>漏 The Trustees of the Natural History Museum, London</p> </div> </div> </div> </div> </figcaption> </figure> </div> <div class="imagepage--text-container layout-row" data-columns="13" data-gtm-component="text">  <div class="layout-column"></div> <div class="layout-column"> <p>While these dominated the land, freshwater was the realm of the amphibians. About 250 million years ago, the Lissamphibians (frogs, salamanders and caecilians) were probably only just emerging.聽聽</p> <p>The waterways were instead filled with a different, distinct group of amphibians known as the Temnospondyls. These were much larger animals, some of which grew up to four metres in length. They physically resembled modern crocodiles and likely filled a similar ecological role.</p> <p>Between 250 and 246 million years ago, the first ichthyosaurs took to the seas, a group which would eventually dominate the oceans. The origin of this successful group of <a href="/our-science/services/collections/palaeontology/marine-reptiles.html">marine reptiles</a> is still not resolved.</p> </div> </div> </div> <div class="pulloutimage parbase section"> <div class="layout-row imagepage--pullout" data-columns="13"> <div class="imagepage--pullout-image-text-container"> <div class="imagepage--pullout-image"> <figure role="group"> <picture> <source media="(max-width: 480px)" srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-tuatara-two-column.jpg.placeholder.480.480.png" data-srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-tuatara-two-column.jpg.thumb.480.480.jpg"/> <source media="(min-width: 481px) and (max-width: 768px)" srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-tuatara-two-column.jpg.placeholder.768.768.png" data-srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-tuatara-two-column.jpg.thumb.768.768.jpg"/> <source media="(min-width: 769px)" srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-tuatara-two-column.jpg.placeholder.480.480.png" data-srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-tuatara-two-column.jpg.thumb.480.480.jpg"/> <img class="lazy" data-src="/content/dam/nhmwww/discover/triassic-overview/triassic-tuatara-two-column.jpg.thumb.768.768.jpg" src="/content/dam/nhmwww/discover/triassic-overview/triassic-tuatara-two-column.jpg.placeholder.768.768.png" alt="Modern tuatara"/> </picture> <figcaption> <div class="imagepage--caption-container" data-caption-truncation> <div class="imagepage--caption"> <p>While the tuatara may look like a lizard, they are from a distinct lineage known as the sphenodonts.</p> <div class="imagepage--credit"><p>漏 Bernard Spragg. NZ/<a href="https://www.flickr.com/photos/volvob12b/8686980163/">Flickr</a></p> </div> </div> </div> </figcaption> </figure> </div> </div> <div> <h2>A shift in dominance</h2> <p>Around the same time that ichthyosaurs took the plunge, the first <a href="/discover/news/2018/june/measuring-the-teeth-of-an-ancient-reptile.html">sphenodonts</a> appeared. Represented today by just a single species - the tuatara - they are the sister group to lizards and snakes.</p> <p>While they look very much like lizards they are in fact a distinct lineage. They were more diverse than the ancestors of modern lizards during the Triassic, performing similar ecological roles that lizards do today.</p> <p>'During the early Triassic the world was still dominated by mammal-like reptiles, but there was an increasingly important archosaurian component,' says Mike. 'By the end of the Middle Triassic, the synapsids were in decline and a diverse range of archosaurs had appeared. '</p> <p>The archosaurs were a component of the diapsid lineage, which includes many successful Mesozoic groups such as the <a href="/discover/why-are-birds-the-only-surviving-dinosaurs.html">dinosaurs and birds</a>, <a href="/discover/watch-a-pterosaur-fly.html">pterosaurs</a>, crocodilians and turtles.</p> <p>By the Late Triassic there was a shift in dominance between the mammal-like reptiles and the archosaurs. There are various theories as to what may have caused this, such as competition in a climate that was becoming steadily warmer and dryer or evolutionary stagnation. It seems that archosaurs were better able to fill the empty niches left following the extinction of some of the synapsid linages.聽</p> </div> </div> </div> <div class="twoimages parbase section"> <div class="layout-row" data-columns="2"> <div class="imagepage--twoimages"> <div class="imagepage--twoimages-image-left"> <figure role="group"> <picture> <source media="(max-width: 620px)" srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-drepanosaur-landscape.jpg.placeholder.620.620.png" data-srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-drepanosaur-landscape.jpg.thumb.620.620.jpg"/> <source media="(min-width: 621px)" srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-drepanosaur-landscape.jpg.placeholder.768.768.png" data-srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-drepanosaur-landscape.jpg.thumb.768.768.jpg"/> <img class="lazy" data-src="/content/dam/nhmwww/discover/triassic-overview/triassic-drepanosaur-landscape.jpg.thumb.768.768.jpg" src="/content/dam/nhmwww/discover/triassic-overview/triassic-drepanosaur-landscape.jpg.placeholder.768.768.png" alt="Reconstruction of a drepanosaur"/> </picture> <figcaption> <div class="imagepage--caption-container" data-caption-truncation> <div class="imagepage--caption"> <p>Drepanosaurs were truely strange animals, and even today no one is quite sure where exactly they fit on the evolutionary tree.</p> <div class="imagepage--credit"><p>漏 Nobu Tamura/<a href="https://commons.wikimedia.org/wiki/File:Drepanosaurus_BW.jpg">Wikimedia Commons</a></p> </div> </div> </div> </figcaption> </figure> </div> </div> <div class="imagepage--twoimages"> <div class="imagepage--twoimages-image-right"> <figure role="group"> <picture> <source media="(max-width: 620px)" srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-Tanystropheus-landscape.jpg.placeholder.620.620.png" data-srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-Tanystropheus-landscape.jpg.thumb.620.620.jpg"/> <source media="(min-width: 621px)" srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-Tanystropheus-landscape.jpg.placeholder.768.768.png" data-srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-Tanystropheus-landscape.jpg.thumb.768.768.jpg"/> <img class="lazy" data-src="/content/dam/nhmwww/discover/triassic-overview/triassic-Tanystropheus-landscape.jpg.thumb.768.768.jpg" src="/content/dam/nhmwww/discover/triassic-overview/triassic-Tanystropheus-landscape.jpg.placeholder.768.768.png" alt="Reconstruction of a Tanystropheus"/> </picture> <figcaption> <div class="imagepage--caption-container" data-caption-truncation> <div class="imagepage--caption"> <p>The neck of <i>Tanystropheus </i>was extraordinarily long, equal to the length of its body and tail combined.聽</p> <div class="imagepage--credit"><p>漏 Nobu Tamura/<a href="https://commons.wikimedia.org/wiki/File:Tanystropheus_NT_small.jpg">Wikimedia Commons</a></p> </div> </div> </div> </figcaption> </figure> </div> </div> </div> </div> <div class="text parbase section"> <div class="layout-row" data-columns="13" data-gtm-component="text"> <div> </div> <div> <p>'There were a lot of weird groups of Triassic archosaurs at this time, such as aetosaurs,' says Mike. 'These were large, armoured animals which looked a bit like some of the <a href="/discover/dino-directory/body-shape/armoured-dinosaur/gallery.html">armoured dinosaurs</a> that appeared much later.'</p> <p>Others included the incredibly long-necked <i>Tanystropheus</i> and, potentially, the bizarre chameleon-like drepanosaurs, which had a claw on the end of their tails.</p> <p>Another successful group was the phytosaurs. These animals looked quite crocodilian, but were from a different branch of the archosaurian tree. The lineage that would give rise to the crocodiles was instead represented in the Triassic by much smaller, more gracile animals.</p> <h2>Dinosaurs in the Triassic Period</h2> <p>It was around 240 million years ago that the <a href="/discover/where-did-dinosaurs-come-from.html" target="_self">first dinosaurs</a> appear in the <a href="/discover/what-is-a-fossil.html">fossil record</a>. These dinosaurs were small, bipedal creatures that would have darted across the variable landscape.</p> <p>'Much like today, the environments on Pangea were hugely varied,' says Paul. 'There were parts of the world would have been moist and others that would have been arid.</p> </div> </div> </div> <div class="imageandtext parbase section"> <div class="layout-row imagepage--hero" data-columns="hero"> <figure role="group"> <picture> <source media="(max-width: 480px)" srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-conifer-forest-hero.jpg.placeholder.480.480.png" data-srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-conifer-forest-hero.jpg.thumb.480.480.jpg"/> <source media="(min-width: 481px) and (max-width: 768px)" srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-conifer-forest-hero.jpg.placeholder.768.768.png" data-srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-conifer-forest-hero.jpg.thumb.768.768.jpg"/> <source media="(min-width: 769px) and (max-width: 1160px)" srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-conifer-forest-hero.jpg.placeholder.1160.1160.png" data-srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-conifer-forest-hero.jpg.thumb.1160.1160.jpg"/> <source media="(min-width: 1161px)" srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-conifer-forest-hero.jpg.placeholder.1920.1920.png" data-srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-conifer-forest-hero.jpg"/> <img class="lazy" data-src="/content/dam/nhmwww/discover/triassic-overview/triassic-conifer-forest-hero.jpg.thumb.1920.1920.jpg" src="/content/dam/nhmwww/discover/triassic-overview/triassic-conifer-forest-hero.jpg.placeholder.1920.1920.png" alt="Conifer forests were widespread during the Triassic Period"/> </picture> <figcaption class="layout-row"> <div> <div class="imagepage--caption-container" data-caption-truncation> <div class="imagepage--caption"> <p>The environment during the Triassic was as varied as it is today, with large swathes of forests, dry deserts and open prairies.</p> <div class="imagepage--credit"><p>漏 Scott Wylie/ Flickr</p> </div> </div> </div> </div> </figcaption> </figure> </div> <div class="imagepage--text-container layout-row" data-columns="13" data-gtm-component="text">  <div class="layout-column"></div> <div class="layout-column"> <p>'The global effect of this supercontinent would have been a greatly enhanced seasonality in different parts of it. There would likely have been an extremely arid interior, but also some very moist and wet temperate and tropical environments too.'</p> <p>While reptiles were already dominating the oceans and the land, they also took the skies. By 228 million years ago, the first <a href="https://www.nhm.ac.uk/discover/watch-a-pterosaur-fly.html">pterosaurs</a> appeared, making them the earliest vertebrates to evolve powered flight.</p> <p>They would eventually evolve into extraordinary animals with a wingspan of over 15 metres, but the first pterosaurs were much more modest in size with long jaws and tails.</p> <p>Even though the archosaurs had managed to usurp the synapsids, some still clung on. By 225 million years ago, one branch gave rise to the mammaliaformes, which were likely small, nocturnal insectivores. It is from this group that the mammals would later emerge.</p> </div> </div> </div> <div class="imageandtext parbase section"> <div class="layout-row imagepage--fullwidth"> <div class="layout-column"> <figure role="group"> <picture> <source media="(max-width: 480px)" srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-mammal-full-width.jpg.placeholder.480.480.png" data-srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-mammal-full-width.jpg.thumb.480.480.jpg"/> <source media="(min-width: 481px) and (max-width: 768px)" srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-mammal-full-width.jpg.placeholder.768.768.png" data-srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-mammal-full-width.jpg.thumb.768.768.jpg"/> <source media="(min-width: 769px)" srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-mammal-full-width.jpg.placeholder.1160.1160.png" data-srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-mammal-full-width.jpg.thumb.1160.1160.jpg"/> <img class="lazy" data-src="/content/dam/nhmwww/discover/triassic-overview/triassic-mammal-full-width.jpg.thumb.1160.1160.jpg" src="/content/dam/nhmwww/discover/triassic-overview/triassic-mammal-full-width.jpg.placeholder.1160.1160.png" alt="Reconstruction of an early mammal which evolved during the Triassic Period"/> </picture> <figcaption> <div> <div class="imagepage--caption-container" data-caption-truncation> <div class="imagepage--caption"><p>Early mammals were likely nocturnal insectivores, keeping out of the way of dominant archosaurs.</p> <div class="imagepage--credit"><p>漏 The Trustees of the Natural History Museum, London</p> </div> </div> </div> </div> </figcaption> </figure> </div> </div> <div class="imagepage--text-container layout-row" data-columns="13" data-gtm-component="text">  <div class="layout-column"></div> <div class="layout-column"> <p>While the non-dinosaurian archosaurs continued to dominate most environments, the dinosaurs rapidly started to diversify.</p> <p>Not long after they first appeared, the dinosaurs may have already <a href="https://www.nhm.ac.uk/discover/dinosaur-family-tree-gets-major-makeover.html" target="_self">diverged into two main groups</a>. These were the Saurischia, which includes the sauropods, and the Ornithoscelida, which includes the theropods and ornithischians.聽聽聽聽聽</p> <p>By the end of the Triassic, some of these early dinosaurs were impressive in size. A few of the first relatives of sauropods, such as <i><a href="/discover/dino-directory/riojasaurus.html">Riojasaurus</a></i> and <i>Lessemsaurus</i>, had already reached over nine metres in length.</p> <h2>The end-Triassic extinction</h2> </div> </div> </div> <div class="pulloutimage parbase section"> <div class="layout-row imagepage--pullout" data-columns="13"> <div class="imagepage--pullout-image-text-container"> <div class="imagepage--pullout-image"> <figure role="group"> <picture> <source media="(max-width: 480px)" srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-early-dino-two-column.jpg.placeholder.480.480.png" data-srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-early-dino-two-column.jpg.thumb.480.480.jpg"/> <source media="(min-width: 481px) and (max-width: 768px)" srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-early-dino-two-column.jpg.placeholder.768.768.png" data-srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-early-dino-two-column.jpg.thumb.768.768.jpg"/> <source media="(min-width: 769px)" srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-early-dino-two-column.jpg.placeholder.480.480.png" data-srcset="/content/dam/nhmwww/discover/triassic-overview/triassic-early-dino-two-column.jpg.thumb.480.480.jpg"/> <img class="lazy" data-src="/content/dam/nhmwww/discover/triassic-overview/triassic-early-dino-two-column.jpg.thumb.768.768.jpg" src="/content/dam/nhmwww/discover/triassic-overview/triassic-early-dino-two-column.jpg.placeholder.768.768.png" alt="Early dinosaur eating prey"/> </picture> <figcaption> <div class="imagepage--caption-container" data-caption-truncation> <div class="imagepage--caption"> <p>The first dinosaurs were likely small bipedal predators, but they rapidly diversified.聽</p> <div class="imagepage--credit"><p>漏 Nobu Tamura/<a href="https://commons.wikimedia.org/wiki/File:Staurikosaurus_BW.jpg">Wikimedia Commons</a></p> </div> </div> </div> </figcaption> </figure> </div> </div> <div> <p>The Triassic ended much as it began.</p> <p>The climate started to change so that by 201.3 million years ago, Earth experienced another <a href="/discover/what-is-mass-extinction-and-are-we-facing-a-sixth-one.html">mass extinction event</a>.</p> <p>The causes of this are still not entirely understood, but what is now the Atlantic Ocean experienced massive volcanic activity. Known as the Central Atlantic Magmatic Province (CAMP), these eruptions released so much carbon dioxide or sulphur dioxide that is thought to have led to huge climatic upheavals.</p> <p>The sea levels began to rise and the oceans became more acidic. This is thought to have contributed the dramatic extinctions in the oceans, including the complete eradication of conodonts.</p> <p>On land, there was significant turnover as terrestrial life also took a massive hit. All Triassic archosaurs, apart from dinosaurs, pterosaurs and crocodiles, went extinct.</p> <p>This opened up many of the environments that the archosaurs had occupied, paving the way for the surviving dinosaurs to take their place, while the small mammalian relatives still scurried around the forest floors.聽</p> </div> </div> </div> </div> <div class="layout-row imagepage--footer ga-scroll-event-target"> <div class="layout-column"> <div class="cluster"> <div class="social-icons-list"> <div class="social-share--container"> <div class="social-share--icons cluster"> <div class="facebook social-share--icon--container"> <a aria-label="Share on facebook" href="https://www.facebook.com/sharer/sharer.php?u=https://www.nhm.ac.uk/discover/the-triassic-period-the-rise-of-the-dinosaurs" target="_blank" rel="noopener"> <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg" class="social-share--icon"> <circle cx="14" cy="14" r="14" fill="#333333"/> <path d="M15.1783 21.9729V15.143H17.5302L17.882 12.4813H15.1783V10.7824C15.1783 10.0119 15.398 9.48656 16.5315 9.48656L17.9776 9.4859V7.10507C17.7275 7.07269 16.8692 7 15.8705 7C13.7858 7 12.358 8.24031 12.358 10.5181V12.4813H10V15.143H12.358V21.9729H15.1783Z" fill="white"/> </svg> </a> </div> <div class="twitter social-share--icon--container"> <a aria-label="Share on twitter" href="https://twitter.com/intent/tweet?text=The%20Triassic%20Period:%20the%20rise%20of%20the%20dinosaurs%0Ahttps://www.nhm.ac.uk/discover/the-triassic-period-the-rise-of-the-dinosaurs" target="_blank" rel="noopener"> <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="14" cy="14" r="14" fill="#333333"/> <path d="M22.1667 9.68591C21.6087 9.94384 21.0089 10.1176 20.3795 10.1959C21.0222 9.79514 21.5158 9.16018 21.7477 8.4035C21.1467 8.7746 20.4806 9.04438 19.7716 9.18979C19.2047 8.5601 18.3952 8.16663 17.5004 8.16663C15.4914 8.16663 14.0152 10.1182 14.469 12.1441C11.8837 12.0093 9.59097 10.7196 8.05598 8.75947C7.24077 10.2156 7.63321 12.1205 9.01843 13.0851C8.50908 13.068 8.02881 12.9225 7.60983 12.6797C7.5757 14.1806 8.60893 15.5847 10.1054 15.8973C9.66744 16.021 9.18779 16.0499 8.69993 15.9526C9.09553 17.2396 10.2444 18.1759 11.6069 18.2022C10.2988 19.2701 8.65064 19.7472 7 19.5445C8.37701 20.4637 10.0131 21 11.7699 21C17.5472 21 20.8111 15.9197 20.614 11.3631C21.2219 10.9058 21.7496 10.3353 22.1667 9.68591V9.68591Z" fill="white"/> </svg> </a> </div> <div class="email social-share--icon--container"> <a aria-label="Share by email" href="mailto:?subject=The%20Triassic%20Period:%20the%20rise%20of%20the%20dinosaurs&body=http%3A//www.nhm.ac.uk/discover/the-triassic-period-the-rise-of-the-dinosaurs"> <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg" class="social-share--icon"> <circle cx="14" cy="14" r="14" fill="#333333"/> <path d="M22.9269 8.40756C22.9269 8.40756 22.7861 7.08155 21.4675 7.00002C21.1491 7.00002 10.0223 7.00002 10.0223 7.00002H6.51115C6.51115 7.00002 5.16957 6.9768 5.01465 8.40756C5.02208 8.415 9.39591 12.9117 9.39591 12.9117L11.0682 14.6305L12.0205 15.4899C12.0205 15.4899 13.5535 16.8602 15.2302 15.9268C15.2302 15.9268 15.4581 15.815 15.9266 15.4009C16.4092 14.974 20.4602 10.8598 20.4602 10.8598C20.4602 10.8598 22.8751 8.43729 22.9269 8.40756Z" fill="white"/> <path d="M22.9409 10.0391V17.047L19.4297 13.5505L22.9409 10.0391Z" fill="white"/> <path d="M5 10.0391V17.047L8.51142 13.5505L5 10.0391Z" fill="white"/> <path d="M9.33304 14.3785L11.0911 16.1402C11.0911 16.1402 11.8808 16.8758 12.2524 17.0073C12.2601 17.0229 14.0253 17.9364 15.8835 16.8835C15.8911 16.8758 16.3868 16.6124 17.4009 15.5751C18.4152 14.5376 18.5778 14.375 18.5778 14.375L22.9135 18.6875L22.9367 18.7184C22.9367 18.7184 22.805 20.0732 21.4346 20.0888C20.0643 20.1043 6.66243 20.0964 6.66243 20.0964C6.66243 20.0964 5.20681 20.1738 5.021 18.7028L9.33304 14.3785Z" fill="white"/> </svg> </a> </div> </div> </div> </div> <div data-gtm-component="like-button-top" class="article-likes-container"> <div class="like-container" data-page-path="/discover/the-triassic-period-the-rise-of-the-dinosaurs"> <a href="#" aria-label="Clap button for article likes" class="like-button-link" tabindex="0"> <span class="clap-svg"></span> <span aria-label="1014 article likes" class="like-count js-like-count">1014</span> </a> </div> </div> </div> <hr class="imagepage--hr-footer"/> <ul class="imagepage--tags-footer cluster"> <li> <a href="http://www.nhm.ac.uk/discover/evolution.html"> Evolution </a> </li> <li> <a href="http://www.nhm.ac.uk/discover/reptiles.html"> Reptiles </a> </li> <li> <a href="http://www.nhm.ac.uk/discover/extinction.html"> Extinction </a> </li> <li> <a href="http://www.nhm.ac.uk/discover/fossils.html"> Fossils </a> </li> <li> <a href="http://www.nhm.ac.uk/discover/prehistoric.html"> Prehistoric </a> </li> <li> <a href="http://www.nhm.ac.uk/discover/mammals.html"> Mammals </a> </li> <li> Amphibians </li> </ul> </div> </div> <div class="layout-row"> <div class="discoverrelated parbase section"> <div class="discover"> <h3 class="cards__title">Discover more</h3> <ul class="small-block-grid-1 medium-block-grid-2 large-block-grid-4 cards" data-gtm-component="curated-article-feed"> <li class="card" data-gtm-component="curated-article-card-0"> <a href="/discover/where-did-dinosaurs-come-from.html"> <div class="card__wrapper"> <div class="card__image-wrapper"> <div> <picture> <source media="(max-width: 480px)" srcset="/content/dam/nhmwww/discover/first-dinosaur/first-dino-nyasasaurus-full-width.jpg.placeholder.480.480.png" data-srcset="/content/dam/nhmwww/discover/first-dinosaur/first-dino-nyasasaurus-full-width.jpg.thumb.480.480.jpg"/> <source media="(min-width: 481px) and (max-width: 640px)" srcset="/content/dam/nhmwww/discover/first-dinosaur/first-dino-nyasasaurus-full-width.jpg.placeholder.620.620.png" data-srcset="/content/dam/nhmwww/discover/first-dinosaur/first-dino-nyasasaurus-full-width.jpg.thumb.620.620.jpg"/> <source media="(min-width: 641px)" srcset="/content/dam/nhmwww/discover/first-dinosaur/first-dino-nyasasaurus-full-width.jpg.placeholder.620.620.png" data-srcset="/content/dam/nhmwww/discover/first-dinosaur/first-dino-nyasasaurus-full-width.jpg.thumb.620.620.jpg"/> <img class="lazy card__image" src="/content/dam/nhmwww/discover/first-dinosaur/first-dino-nyasasaurus-full-width.jpg.placeholder.620.620.png" data-src="/content/dam/nhmwww/discover/first-dinosaur/first-dino-nyasasaurus-full-width.jpg.thumb.620.620.jpg" alt=""/> </picture> </div> </div> <div class="card__body"> <div class="card__tag"> Dinosaurs </div> <h3 class="card__title"> Where did dinosaurs come from? </h3> <div class="card__description"> <p>When did dinosaurs evolve, and what did the first dinosaurs look like?</p> </div> <div class="card__price"> </div> </div> </div> </a> </li> <li class="card" data-gtm-component="curated-article-card-1"> <a href="/discover/the-jurassic-period.html"> <div class="card__wrapper"> <div class="card__image-wrapper"> <div> <picture> <source media="(max-width: 480px)" srcset="/content/dam/nhmwww/discover/jurassic-period/three-allosaurus-in-forest-palaeoart-full-width.jpg.placeholder.480.480.png" data-srcset="/content/dam/nhmwww/discover/jurassic-period/three-allosaurus-in-forest-palaeoart-full-width.jpg.thumb.480.480.jpg"/> <source media="(min-width: 481px) and (max-width: 640px)" srcset="/content/dam/nhmwww/discover/jurassic-period/three-allosaurus-in-forest-palaeoart-full-width.jpg.placeholder.620.620.png" data-srcset="/content/dam/nhmwww/discover/jurassic-period/three-allosaurus-in-forest-palaeoart-full-width.jpg.thumb.620.620.jpg"/> <source media="(min-width: 641px)" srcset="/content/dam/nhmwww/discover/jurassic-period/three-allosaurus-in-forest-palaeoart-full-width.jpg.placeholder.620.620.png" data-srcset="/content/dam/nhmwww/discover/jurassic-period/three-allosaurus-in-forest-palaeoart-full-width.jpg.thumb.620.620.jpg"/> <img class="lazy card__image" src="/content/dam/nhmwww/discover/jurassic-period/three-allosaurus-in-forest-palaeoart-full-width.jpg.placeholder.620.620.png" data-src="/content/dam/nhmwww/discover/jurassic-period/three-allosaurus-in-forest-palaeoart-full-width.jpg.thumb.620.620.jpg" alt=""/> </picture> </div> </div> <div class="card__body"> <div class="card__tag"> Dinosaurs </div> <h3 class="card__title"> The Jurassic Period: How did dinosaurs go from basal to bulky? </h3> <div class="card__description"> <p>By the end of the Jurassic Period, dinosaurs ruled our planet. But how they became such a diverse group remains a mystery.聽<br /> </p> </div> <div class="card__price"> </div> </div> </div> </a> </li> <li class="card" data-gtm-component="curated-article-card-2"> <a href="/discover/the-cretaceous-period.html"> <div class="card__wrapper"> <div class="card__image-wrapper"> <div> <picture> <source media="(max-width: 480px)" srcset="/content/dam/nhmwww/discover/cretaceous-period/cretaceous-period-landscape-polar-forest-full-width.jpg.placeholder.480.480.png" data-srcset="/content/dam/nhmwww/discover/cretaceous-period/cretaceous-period-landscape-polar-forest-full-width.jpg.thumb.480.480.jpg"/> <source media="(min-width: 481px) and (max-width: 640px)" srcset="/content/dam/nhmwww/discover/cretaceous-period/cretaceous-period-landscape-polar-forest-full-width.jpg.placeholder.620.620.png" data-srcset="/content/dam/nhmwww/discover/cretaceous-period/cretaceous-period-landscape-polar-forest-full-width.jpg.thumb.620.620.jpg"/> <source media="(min-width: 641px)" srcset="/content/dam/nhmwww/discover/cretaceous-period/cretaceous-period-landscape-polar-forest-full-width.jpg.placeholder.620.620.png" data-srcset="/content/dam/nhmwww/discover/cretaceous-period/cretaceous-period-landscape-polar-forest-full-width.jpg.thumb.620.620.jpg"/> <img class="lazy card__image" src="/content/dam/nhmwww/discover/cretaceous-period/cretaceous-period-landscape-polar-forest-full-width.jpg.placeholder.620.620.png" data-src="/content/dam/nhmwww/discover/cretaceous-period/cretaceous-period-landscape-polar-forest-full-width.jpg.thumb.620.620.jpg" alt=""/> </picture> </div> </div> <div class="card__body"> <div class="card__tag"> Dinosaurs </div> <h3 class="card__title"> The Cretaceous Period: What was Earth like before dinosaurs went extinct? </h3> <div class="card__description"> <p>The Cretaceous Period is famous for ending with a massive asteroid impact, but what was our planet like in the millions of years before that?</p> </div> <div class="card__price"> </div> </div> </div> </a> </li> <li class="card" data-gtm-component="curated-article-card-3"> <a href="/discover/why-are-birds-the-only-surviving-dinosaurs.html"> <div class="card__wrapper"> <div class="card__image-wrapper"> <img class="card__image-icon" src="/etc.clientlibs/nhmwww/clientlibs/clientlib-site/resources/images/png-icons/youtube_icon_thumbnail.png" alt=""/> <img class="card__image lazy" src="/etc.clientlibs/nhmwww/clientlibs/clientlib-site/resources/images/placeholders/youtube-thumbnail-placeholder.320.180.png" data-src="https://img.youtube.com/vi/9GVvtKK5sFw/mqdefault.jpg" alt=""/> </div> <div class="card__body"> <div class="card__tag"> Dinosaurs </div> <h3 class="card__title"> Why are birds the only surviving dinosaurs? </h3> <div class="card__description"> <p>Watch our animation to find out.<br /> </p> </div> <div class="card__price"> </div> </div> </div> </a> </li> </ul> </div> </div> </div> <div class="layout-row social-signup"> <script src="/etc/clientlibs/nhmwww/jqueryvalidate.js"></script> <script src="/etc/clientlibs/nhmwww/social-signup.js"></script> <div class="social-signup--container"> <div class="social-signup--title-container"> <h3 class="social-signup--title">Don't miss a thing</h3> </div> <div class="js-social-signup social-signup--form-container"> <div class="social-signup--description"> <p>Receive email updates about our news, science, exhibitions, events, products, services and fundraising activities. We may occasionally include third-party content from our corporate partners and other museums. We will not share your personal details with these third parties. You must be over the age of 13. <a href="https://www.nhm.ac.uk/about-us/privacy-policy.html">Privacy notice</a>.</p> </div> <form id="newsletter_signup" action="https://www.nhm.ac.uk/discover/the-triassic-period-the-rise-of-the-dinosaurs/jcr:content.newslettersignup.html" method="get"> <div class="social-signup--input-container"> <div class="social-signup--firstname form-field firstname"> <label for="firstname" class="form-required">First name</label> <input type="text" role="textbox" id="firstname" name="firstname" class="item-input" aria-label="input first name"> </div> <div class="social-signup--lastname form-field lastname"> <label for="lastname" class="form-required">Surname</label> <input type="text" role="textbox" name="lastname" id="lastname" class="item-input" aria-label="input surname"> </div> <div class="social-signup--email form-field email"> <label for="email" class="form-required">Email address</label> <input type="text" role="textbox" name="email" id="email" class="item-input" aria-label="input email"> </div> <div class="social-signup--submit"> <button class="button__newsletter-signup" role="button" aria-label="Sign up to our newsletter" type="submit">Sign up</button> </div> </div>  <input aria-label="Question" type="text" name="question" class="question"> <input type="hidden" name="source" value="www.nhm.ac.uk"> <input type="hidden" name="campaign" value="Latest NHM stories"> <input type="hidden" name="confirmationPage" value=""> <input type="hidden" name="doNotBulkEmail" value="false"> <div class="social-signup--error-container"> <div role="alert" class="errors"></div> </div> <div class="social-signup--link-icons"> <p>Follow us on social media</p> <a target="_blank" rel="noopener" href="https://www.facebook.com/naturalhistorymuseum"> <img src="/etc.clientlibs/nhmwww/clientlibs/clientlib-site/resources/images/svg-icons/facebook.svg" class="social-signup--img__social" alt="Our Facebook page"/> </a> <a target="_blank" rel="noopener" href="https://twitter.com/NHM_London"> <img src="/etc.clientlibs/nhmwww/clientlibs/clientlib-site/resources/images/svg-icons/twitter.svg" class="social-signup--img__social" alt="Our Twitter account"/> </a> <a target="_blank" rel="noopener" href="https://www.youtube.com/user/naturalhistorymuseum"> <img src="/etc.clientlibs/nhmwww/clientlibs/clientlib-site/resources/images/svg-icons/youtube.svg" class="social-signup--img__social" alt="Our YouTube channel"/> </a> <a target="_blank" rel="noopener" href="https://instagram.com/natural_history_museum"> <img src="/etc.clientlibs/nhmwww/clientlibs/clientlib-site/resources/images/svg-icons/instagram.svg" class="social-signup--img__social " alt="Our Instagram account"/> </a> <a target="_blank" rel="noopener" href="https://www.pinterest.com/nhmlondon"> <img src="/etc.clientlibs/nhmwww/clientlibs/clientlib-site/resources/images/svg-icons/pinterest.svg" class="social-signup--img__social" alt="Our Pinterest account"/> </a> </div> </form> </div> </div> </div> </div> </div> </div> <footer class="main-footer" data-gtm-component="footer"> <div class="layout-row " data-columns="4" id="layoutcontainer-4d1df0ecd9"> <div class="layout-column flow"> <div class="foundation5image parbase"> <div> <figure class="main-footer--logo flow" role="group"> <img src="/content/dam/nhmwww/press-office/nhm-logo-white.svg" alt="Natural History Museum logo"/> </figure> </div> </div> <div class="text parbase"> <div data-gtm-component="text"> <h3><a href="https://www.nhm.ac.uk/">The Natural History Museum</a></h3> <p><b>Cromwell Road</b></p> <p><b>London SW7 5BD</b></p> <p><b><a href="https://www.google.co.uk/maps/place/Natural+History+Museum/@51.4967183,-0.1785559,17z/data=!3m2!4b1!5s0x4876055d2a62ace7:0xf1f051390954c55!4m5!3m4!1s0x48760542e6182f3f:0x7bb7e385c39764c4!8m2!3d51.496715!4d-0.1763672?hl=en">Map</a></b></p> <p>Open daily 10.00-17.50<br /> (last entry 17.30)<br /> Closed 24-26 December</p> <p><a href="/visit.html">Plan your visit</a></p> <p>聽</p> <h3><a href="/visit/tring.html">The Natural History聽Museum at Tring</a><br /> </h3> <p><b>Akeman Street</b></p> <p><b>Tring</b></p> <p><b>Hertfordshire HP23 6AP</b></p> <p><a href="https://www.google.co.uk/maps/place/Natural+History+Museum+at+Tring/@51.7907453,-0.6634277,17z/data=!3m1!4b1!4m5!3m4!1s0x48765bdea86d0a7d:0x169a990130daab9a!8m2!3d51.790742!4d-0.661239?hl=en">Map</a></p> <p>Open Tuesday-Sunday and bank holidays<br /> 10.00-17.00 (last entry 16.00)<br /> Closed 24-26 December</p> <p><a href="/visit/tring.html">Plan your visit to Tring</a>聽</p> </div> </div> </div> <div class="layout-column flow"> <div class="list-wrapper"> <div class="list list--footer"> <h2> <a href="/visit.html"> Visit </a> </h2> <ul> <li> <a href="/visit/whats-on.html"> What's on </a> </li> <li> <a href="/visit/galleries-and-museum-map.html"> Galleries and Museum map </a> </li> <li> <a href="/visit/access-at-south-kensington.html"> Access </a> </li> </ul> </div> </div> <div class="list-wrapper"> <div class="list list--footer"> <h2> <a href="/discover.html"> Discover </a> </h2> <ul> <li> <a href="/discover/news.html"> News </a> </li> <li> <a href="/discover/anthropocene.html"> Anthropocene </a> </li> <li> <a href="/discover/british-wildlife.html"> British wildlife </a> </li> <li> <a href="/discover/collections.html"> Collections </a> </li> <li> <a href="/discover/dinosaurs.html"> Dinosaurs </a> </li> <li> <a href="/discover/human-evolution.html"> Human evolution </a> </li> <li> <a href="/discover/oceans.html"> Oceans </a> </li> <li> <a href="/discover/space.html"> Space </a> </li> <li> <a href="/discover/what-on-earth.html"> What on Earth? </a> </li> <li> <a href="/discover/video.html"> Video </a> </li> </ul> </div> </div> <div class="list-wrapper"> <div class="list list--footer"> <h2> <a href="/schools.html"> For schools </a> </h2> <ul> <li> <a href="/schools/school-visits-at-south-kensington.html"> Visiting South Kensington </a> </li> <li> <a href="/visit/tring/school-visits-at-tring.html"> Visiting Tring </a> </li> <li> <a href="/schools/teaching-resources.html"> Learning resources </a> </li> </ul> </div> </div> <div class="list-wrapper"> <div class="list list--footer"> <h2> <a href="/about-us/careers.html"> Careers </a> </h2> <ul> <li> <a href="https://jobs.nhm.ac.uk/"> Current vacancies </a> </li> </ul> </div> </div> </div> <div class="layout-column flow"> <div class="list-wrapper"> <div class="list list--footer"> <h2> <a href="/support-us.html"> Join and support </a> </h2> <ul> <li> <a href="/support-us/membership.html"> Membership </a> </li> <li> <a href="/support-us/membership/gift-membership.html"> Gift membership </a> </li> <li> <a href="/support-us/give.html"> Make a donation </a> </li> <li> <a href="/support-us/patronage.html"> Become a Patron </a> </li> <li> <a href="/support-us/corporate-partnerships.html"> Corporate partnerships </a> </li> </ul> </div> </div> <div class="list-wrapper"> <div class="list list--footer"> <h2> <a href="/take-part.html"> Take part </a> </h2> <ul> <li> <a href="/take-part/volunteer.html"> Volunteer </a> </li> <li> <a href="/take-part/monitor-and-encourage-nature/community-science.html"> Citizen science </a> </li> <li> <a href="/take-part/identify-nature.html"> Identify UK nature </a> </li> <li> <a href="/take-part/centre-for-uk-nature.html"> Centre for UK Biodiversity </a> </li> </ul> </div> </div> <div class="list-wrapper"> <div class="list list--footer"> <h2> <a href="/about-us.html"> About us </a> </h2> <ul> <li> <a href="/discover/news.html"> News </a> </li> <li> <a href="/press-office.html"> Press office </a> </li> <li> <a href="/about-us/governance.html"> Governance </a> </li> <li> <a href="/contact-us.html"> Contact us </a> </li> </ul> </div> </div> <div class="list-wrapper"> <div class="list list--footer"> <h2> <a href="https://www.nhmshop.co.uk/"> Online shop </a> </h2> </div> </div> </div> <div class="layout-column flow"> <div class="list-wrapper"> <div class="list list--footer"> <h2> <a href="/our-science.html"> Our science </a> </h2> <ul> <li> <a href="/our-science/research.html"> Research </a> </li> <li> <a href="/our-science/services/collections.html"> Collections </a> </li> <li> <a href="/our-science/data.html"> Datasets </a> </li> <li> <a href="/our-science/people.html"> People </a> </li> <li> <a href="/our-science/services/facilities.html"> Facilities </a> </li> <li> <a href="/our-science/study.html"> Study and events </a> </li> <li> <a href="/our-science/services/library.html"> Library and archives </a> </li> </ul> </div> </div> <div class="list-wrapper"> <div class="list list--footer"> <h2> <a href="/business-services.html"> Business services </a> </h2> <ul> <li> <a href="/business-services/touring-exhibitions.html"> Touring exhibitions </a> </li> <li> <a href="/business-services/consulting.html"> Consulting </a> </li> <li> <a href="/business-services/publishing.html"> Publishing </a> </li> <li> <a href="/business-services/filming.html"> Film locations </a> </li> <li> <a href="https://www.nhmimages.com/"> NHM images </a> </li> <li> <a href="/business-services/venue-hire.html"> Venue hire </a> </li> <li> <a href="/business-services/licensing.html"> Licensing </a> </li> </ul> </div> </div> <div class="list-wrapper"> <div class="list list--footer"> <h2> Legal </h2> <ul> <li> <a href="/about-us/cookie-preferences.html"> Cookie preferences </a> </li> <li> <a href="/about-us/privacy-notice.html"> Privacy notice </a> </li> <li> <a href="/about-us/website-accessibility-statement.html"> Website accessibility statement </a> </li> <li> <a href="/about-us/website-terms-conditions.html"> Terms and conditions </a> </li> <li> <a href="https://www.nhm.ac.uk/content/dam/nhmwww/about-us/governance/policies-and-procedures/modern-slavery-statement.pdf"> Modern Slavery Statement </a> </li> </ul> </div> </div> </div> </div> <div class="layout-row " data-columns="1" id="layoutcontainer-cbbaf3cb60"> <div class="layout-column flow"> <div class="text parbase"> <div data-gtm-component="text"> <p>漏聽The Trustees of The Natural History Museum, London<br /> </p> </div> </div> </div> </div> </footer> <script src="/etc/clientlibs/nhmwww/lazyload.js"></script> <script src="/etc.clientlibs/nhmwww/clientlibs/clientlib-foundation.js"></script> <script src="/etc.clientlibs/nhmwww/clientlibs/clientlib-plugins.js"></script> <script src="/etc.clientlibs/nhmwww/clientlibs/clientlib-dependencies.js"></script> <script src="/etc.clientlibs/nhmwww/clientlibs/clientlib-site.js"></script> <script src="/etc/clientlibs/nhmwww/twitter.js"></script> <div hidden> <div id="new-window">Opens in a new window</div> </div> <script type="te

CINXE.COM

The Triassic Period: the rise of the dinosaurs | Natural History Museum