<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width initial-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Project Chrono - An Open-Source Physics Engine</title>
<meta name="description" content="Project Chrono is a physics-based simulation infrastructure based on a platform-independent, open-source design.">
<script src="/cdn-cgi/apps/head/3ktppACqxUM6_zxg-VIOXv4PImQ.js"></script><link rel="stylesheet" href='http://fonts.googleapis.com/css?family=Exo+2:400,200,700' type='text/css'>
<link rel="stylesheet" href="/css/main.css">
<link rel="stylesheet" href="/css/font-awesome.min.css">
<link rel="canonical" href="https://projectchrono.org/">
<script src="/js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
</head>
<body>
<header class="site-header">
<div class="container">
<nav class="navbar navbar-default navbar-fixed-top role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">
<span class="logo first">PROJECT</span><span class="logo second">CHRONO</span>
</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="/download">Download</a></li>
<li class="dropdown">
<a href="http://api.projectchrono.org" class="dropdown-toggle disabled" data-hover="dropdown" data-toggle="dropdown" data-delay="100" role="button" aria-haspopup="true" aria-expanded="false">Documentation <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="http://api.projectchrono.org/development">Chrono Development Branch</a></li>
<li><a href="http://api.projectchrono.org/3.0.0">Chrono 3.0.0</a></li>
<li><a href="/faq/">FAQ</a></li>
<li><a href="/models/">Model Library</a></li>
<li><a href="/validation/">Validation Studies</a></li>
<li><a href="/whitepapers/">White Papers</a></li>
</ul>
</li>
<li class="dropdown">
<a href="/gallery/" class="dropdown-toggle disabled" data-hover="dropdown" data-toggle="dropdown" data-delay="100" role="button" aria-haspopup="true" aria-expanded="false">Movies <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="/gallery/">Gallery</a></li>
<li><a href="http://sbel.wisc.edu/Animations/">SBEL</a></li>
<li><a href="https://vimeo.com/uwsbel">On Vimeo</a></li>
</ul>
</li>
<li><a href="/news/">News</a></li>
<li><a href="/forum/">Forum</a></li>
<li class="dropdown">
<a href="/about/" class="dropdown-toggle disabled" data-hover="dropdown" data-toggle="dropdown" data-delay="100" role="button" aria-haspopup="true" aria-expanded="false">About <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="/about/">Quick Facts</a></li>
<li><a href="/testimonials/">Current/Past Users</a></li>
<li><a href="/consulting/">Consulting</a></li>
</ul>
</li>
<li><a href="/status">Status</a></li>
<li>
<form method="get" action="/search" id="search_bar_triggered">
<input type="submit" value="Search">
<input type="text" id="search_bar" name="query" value="" />
</form>
</li>
</ul>
</div><!--/.navbar-collapse -->
</div>
</nav>
</div>
</header>
<div class="col-xs-12" style="height:50px;"></div>
<div class="container">
<style type="text/css">
.carousel-inner > .item > img {
object-fit: cover;
height: 550px;
width: 100%;
}
.carousel-control.left {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
opacity: 1;
}
.carousel-control.right {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
opacity: 1;
}
.carousel-caption {
padding-left: 30px;
left: 0px;
top: 0px;
text-align: left;
font-size:120%;
font-weight: bold;
text-shadow: none;
}
.credits {
position: absolute;
color : #404040;
padding-left: 30px;
left: 0px;
top: 0px;
text-align: left;
font-size:100%;
}
.chfeature {
border-radius: 15px 50px 15px 15px;
border-width: 3px;
border-style: solid;
border-color: #FF8800;
overflow: hidden;
margin-bottom: 35px;
padding-right: 15px;
background-color: #FCFCFC;
height: 180px;
font-size: 80%;
}
.chfeature img {
width: 60px;
margin-right: 15px;
float: left;
object-fit: cover;
height: 100%;
min-height: 180px;
filter: grayscale(100%);
opacity: 0.5;
}
</style>
<a id="top"></a>
<div class="jumbotron" style="margin-top: 80px;">
<div class="text-center">
<!--<p><img src="/images/project_chrono_logo.png" alt="project_chrono_logo" height="150"></p>-->
<h1>
<span class="logo first">PROJECT</span><span class="logo second">CHRONO</span>
</h1>
<h2> An Open Source Multi-physics Simulation Engine</h2>
</div>
<div class="text-center" style="padding-top:30px">
<div class="row">
<div class="col-sm-4">
<h6><a href="/download"<button type="button" class="btn btn-primary btn-lg"> <i class="fa fa-download fa-1x"></i> Download </button></a></h6>
</div>
<div class="col-sm-4">
<h6><a href="http://api.projectchrono.org"<button type="button" class="btn btn-warning btn-lg"> <i class="fa fa-map fa-1x"></i> Documentation </button></a></h6>
</div>
<div class="col-sm-4">
<h6><a href="https://github.com/projectchrono/chrono"<button type="button" class="btn btn-default btn-lg"> <i class="fa fa-github-square fa-1x"></i> View on Github </button></a></h6>
</div>
</div>
</div>
</div>
</div>
<div class="container-flow" style="background-color:#E0E0E0;">
<div class="container">
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
<li data-target="#carousel-example-generic" data-slide-to="3"></li>
<li data-target="#carousel-example-generic" data-slide-to="4"></li>
<li data-target="#carousel-example-generic" data-slide-to="5"></li>
<li data-target="#carousel-example-generic" data-slide-to="6"></li>
<li data-target="#carousel-example-generic" data-slide-to="7"></li>
<li data-target="#carousel-example-generic" data-slide-to="8"></li>
<li data-target="#carousel-example-generic" data-slide-to="9"></li>
<li data-target="#carousel-example-generic" data-slide-to="10"></li>
<li data-target="#carousel-e