<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<base href="https://openframeworks.cc/">
<meta name="description" content="openFrameworks">
<meta name="viewport" content="width=device-width">
<title>openFrameworks</title>
<meta content="#5670d4" name="theme-color">
<link rel="alternate" type="application/rss+xml" title="RSS (en)" href="rss.xml">
<link rel="alternate" type="application/rss+xml" title="RSS (ja)" href="ja/rss.xml">
<link rel="alternate" type="application/rss+xml" title="RSS (ko)" href="ko/rss.xml">
<link rel="alternate" type="application/rss+xml" title="RSS (zh_cn)" href="zh_cn/rss.xml">
<link rel="canonical" href="https://openframeworks.cc/">
<!--[if lt IE 9]><script src="assets/js/html5.js"></script><![endif]--><link rel="stylesheet" href="assets/css/github.min.css">
<script src="assets/js/highlight.min.js"></script><script>hljs.initHighlightingOnLoad();</script><link rel="stylesheet" type="text/css" href="assets/css/style.css" media="all">
<link href="https://fonts.googleapis.com/css?family=Questrial" rel="stylesheet" type="text/css">
<link rel="search" type="application/opensearchdescription+xml" href="opensearch.xml" title="openFrameworks">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<script src="assets/js/jquery.min.js"></script><script type="text/javascript" src="assets/js/jquery.timeago.js"></script><meta name="google-site-verification" content="RiGtl9pFuFnUeEQ4MU1miiutTR5mmCPUi38YLCn-M-g">
<!--script type="text/javascript" src="https://www.google.com/jsapi"></script--><!--script>
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

        ga('create', 'UA-43083059-1', 'auto');
        ga('send', 'pageview');
    </script--><script type="text/javascript">
        forumTitle = 'forum';
        githubTitle = 'github';
    </script><script type="text/javascript" src="assets/js/jquery.cycle.all.min.js"></script><script type="text/javascript" src="assets/js/encoder.js"></script><script type="text/javascript" src="assets/js/socialwidgets.js"></script><script type="text/javascript" src="assets/js/home.js"></script>
</head>
<body>
    <div id="content">
         <div id="head">

		    <div id="head-left">
			        <a href="." class="nohover"><img src="assets/images/of-logo.svg" border="0" alt="openFrameworks"></a>
		    </div>

             <div id="head-right">
                 <ul>
<li><a href="about/">about</a></li>
                                <li><a href="download/">download</a></li>
                                <li><a href="documentation/">documentation</a></li>
                                <li><a href="learning/">learning</a></li>
                                <li><a href="examples/">web examples</a></li>
                                <li><a href="community/">community</a></li>
                                <li><a href="development/">development</a></li>

                 </ul>
<ul class="menu-externals">
<li>
<span class="external-dot"> &gt;</span> <a href="https://forum.openframeworks.cc" target="_blank">forum</a>
</li>
                                <li>
<span class="external-dot"> &gt;</span> <a href="https://github.com/openframeworks" target="_blank">github</a>
</li>
                                <li>
<span class="external-dot"> &gt;</span> <a href="http://ofxaddons.com" target="_blank">addons</a>
</li>
                                <li>
<span class="external-dot"> &gt;</span> <a href="https://join.slack.com/t/openframeworks/shared_invite/zt-1r2brqms0-dZMMFZgZhFTgomjJ0vlCjA" target="_blank">slack</a>
</li>
                                <li>
<span class="external-dot"> &gt;</span> <a href="https://blog.openframeworks.cc/" target="_blank">blog</a>
</li>
                                    <li>
<span class="internal-dot"> &gt;</span> <a href="donations">donations</a>
</li>
                 </ul>
<ul class="submenu">
<li><a href="ja//" rel="alternate" hreflang="ja">日本語</a></li>
                                <li><a href="ko//" rel="alternate" hreflang="ko">영어</a></li>
                                <li><a href="zh_cn//" rel="alternate" hreflang="zh_cn">简体中文</a></li>
                 </ul>
</div>
         </div>

         
<div id="body-wrap">
    <div class="page-left-medium">
    <p>
        <!-- OF video -->
        <iframe src="https://player.vimeo.com/video/74124094?title=0&amp;byline=0&amp;portrait=0" width="700" height="393" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
    </p>
    </div>

    <div class="page-right-narrow">
        <div class="home-links">
            <h2>openFrameworks is an open source C++ toolkit for creative coding.</h2>

            <h3><a href="download/">download</a></h3>
            <p>Grab the most recent release (0.12.1) and follow the setup guide to get openFrameworks running.</p>

        <h3><a href="documentation/">documentation</a></h3>
        <p>Reference for openFrameworks classes, functions and addons. You can also check the <a href="tutorials">tutorials section</a><a>.</a></p>

        <h3><a href="https://forum.openframeworks.cc/">forum</a></h3>
        <p>The forum is a place to meet other people working with openFrameworks. It's a place to share your work, or find help solving problems.</p>
        </div>
    </div>
    
    <!-- temp events section --> 
    <!-- 
    <div class="sectiontext home">
        <h2>Events</h2>
    </div>
    <div class="home"> 
        <a href="https://eyeofestival.com"><img src="assets/images/eyeo22_OF_WebBanner.png"></a>
    </div>
    -->
    
    <div class="sectiontext home">
        <h2>Latest images</h2>
    </div>
    <div class="gallery home">
        <div id="flickr"></div>
        <br class="clearboth">
</div>

    <div class="sectiontext home">
        <h2>Latest posts</h2>
    </div>

    <div class="social home">
        <div class="tweet">
            <h3>twitter</h3>
            <div id="tweets">
            <div class="tweets">
                <a data-chrome="noheader noscrollbar nofooter transparent" data-show-replies="false" data-tweet-limit="4" data-link-color="#EE3987" class="twitter-timeline" href="https://twitter.com/search?q=openframeworks" data-widget-id="367489340693176321">Tweets about "#openframeworks"</a>
                <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
            </div>
        </div>

        <div id="forum"></div>

        <div id="github"></div>

        <br class="clearboth">
</div>
</div>


          <div id="footer">
             <p id="credits">

Last updated Friday, 02 May 2025 19:13:27 UTC    -    <a href="https://github.com/openframeworks/ofSite/commit/43f670cce0c11fc7894306337b608578691d0837">43f670cce0c11fc7894306337b608578691d0837</a>

<!--
<br/>
<a href="http://www.rackspace.com" target="_blank" class="rackspace">
Hosting for openFrameworks is generously provided by Rackspace
<br/>
<img src="/assets/images/rackspace.png">
</a>
-->
</p>



<!--tracking -->
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script><script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-9614675-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</div>
    </div>
    

    <!-- The Modal -->
    <div id="donations_popup" class="modal">
        <div class="modal-content">
            <div class="modal-header">
                <span class="close-btn">×</span>
                <h2>donate</h2>
            </div>
            <!-- Modal content -->
            <div class="modal-body">
                <p>openFrameworks is developed and maintained by several voluntary contributors.</p>
                <p>Donations help support the development of openFrameworks, improve the documentation and pay for third party services needed for the project.</p>
                <p>If you are using openFrameworks commercially or would simply like to support openFrameworks development, please consider donating to the project.</p>
            </div>
            <div class="modal-footer">
                <a href="donations">donate now</a>
            </div>
        </div>
    </div>

    
</body>
</html>
