<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>WireIt - a Javascript Wiring Library</title>
<meta name="author" content="Eric Abouaf" />
<meta name="copyright" content="Copyright 2006-2009 Eric Abouaf" />
<meta name="keywords" content="wireit,javascript,library,pipes,visualization,yui,programming,canvas,wire,wires,framework,webdev,ajax,ui,web,graphics,graph,graphs,opensource,tools" />
<meta name="description" content="WireIt is an open-source javascript library to create web wirable interfaces for dataflow applications, visual programming languages or graphical modeling." />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="alternate" type="application/rss+xml" title="WireIt blog" href="http://javascript.neyric.com/blog/feed/" />
<link rel="shortcut icon" type="images/x-icon" href="res/favicon.ico" />
<link rel="stylesheet" type="text/css" href="res/style.css" />
</head>
<body>
<div id='headbar'>
<ul class="navigation" style=" position: absolute; margin: 6px 0 0 380px;">
<li><a href="http://neyric.github.com/wireit">Home</a></li>
<li><a href="http://github.com/neyric/wireit/">GitHub[Git]</a></li>
<li><a href="http://github.com/neyric/wireit/issues">Issues</a></li>
<li><a href="guide.html">Guide</a></li>
<li><a href="api/index.html">API Documentation</a></li>
<li><a href="http://javascript.neyric.com/blog/category/wireit/">Blog</a>
<a href="http://javascript.neyric.com/blog/feed/"><img src="res/rss.png" border="0"/></a></li>
<li><a href="http://groups.google.com/group/wireit/">Forums</a></li>
</ul>
<div style="position: absolute; top: 80px; left: 750px; font-size: 90%; line-height: 30px;">
<img src='http://www.twitter.com/favicon.ico' alt="twitter" /> follow <a href="http://twitter.com/wireit">WireIt on Twitter</a><br />
<img src="http://delicious.com/favicon.ico"> bookmark on <a href="http://del.icio.us/url/651a56650c753830645ecf46fb036db6">Del.icio.us</a><br />
<img src='http://github.com/favicon.ico' alt="twitter" /> follow <a href="http://github.com/neyric/wireit/tree/master"> on GitHub</a>
</div>
</div>
<center>
<table id="layout">
<tr>
<td class="left">
<p style="font-size: 130%;">WireIt is an open-source javascript library to create <b>web wirable interfaces</b> for <b>dataflow applications</b>, <b>visual programming languages</b>, <b>graphical modeling</b>, or <b>graph editors</b>.</p>
<br />
<center>
<div style="width:425px;text-align:left" id="__ss_1835190">
<object style="margin:0px" width="425" height="355">
<param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=wireitpresentation-090810065216-phpapp02&stripped_title=wire-it-050-presentation" />
<param name="allowFullScreen" value="true"/>
<param name="allowScriptAccess" value="always"/>
<embed src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=wireitpresentation-090810065216-phpapp02&stripped_title=wire-it-050-presentation" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed>
</object>
</div>
</center>
<p class="title">Documentation</p>
<ul>
<li><a href="guide.html">WireIt's Guide</a> - Getting started and advanced usage</li>
<li><a href="api/index.html">API documentation</a> built with <a href="http://developer.yahoo.com/yui/yuidoc/">YUI Doc</a></li>
</ul>
<p>You can also get some help on the <a href="http://groups.google.com/group/wireit/">forum</a>.</p>
<p>Report your issues or feature request on <a href="http://github.com/neyric/wireit/issues">the issue tracker</a>.</p>
<p>Deeper hacking into WireIt might require some knowledge in the libraries used :</p>
<ul>
<li><a href="http://neyric.github.com/inputex">inputEx documentation</a></li>
<li><a href="http://developer.yahoo.com/yui/2/">YUI 2 documentation</a></li>
</ul>
<p class="title">WireIt-based projects</p>
<ul>
<li><a href="http://webhookit.com">WebhookIt</a> - visual http programming</li>
<li><a href="http://tarpipe.com">Tarpipe</a> - share content across social applications</li>
<li><a href="http://github.com/LeifW/pipescape/tree/master">Pipescape</a> - a WireIt interface to <a href="http://www.w3.org/TR/xproc/">XProc</a></li>
<li><a href="http://graphpipes.de/">Graphpipes</a> - easy way to aggregate semantic data</li>
<li><a href="http://www.talk-map.com/">TalkMap</a> - Online debating</li>
</ul>
</td>
<!-- Right Column -->
<td class="right">
<!-- Download -->
<div style="text-align:center;font-weight:bold; font-size:17px;background-color:#EEEEEE;-moz-border-radius: 10px; padding: 10px;-webkit-border-radius: 10px;">
You're on the edge version (0.6.0-beta)<br /> <a href="http://javascript.neyric.com/wireit/">Click here for WireIt 0.5.0</a>
<!--a href="http://cloud.github.com/downloads/neyric/wireit/WireIt-0.5.0.zip">Download WireIt 0.5.0</a><br/>
<span style="font-size: 70%; font-weight: normal;">(WireIt-0.5.0.zip - 8.0MB - <a href="VERSION.txt">changeset</a>)</span-->
</div>
<!-- License -->
<p>WireIt is released under the <a href="license.txt">MIT License</a>.</p>
<p>Clone from <a href="http://github.com/neyric/wireit/">GitHub</a>: <span style="font-size: 80%;">git clone git://github.com/neyric/wireit.git</span></p>
<center>
<a href='http://www.pledgie.com/campaigns/13031'><img alt='Click here to lend your support to: wireit and make a donation at www.pledgie.com !' src='http://www.pledgie.com/campaigns/13031.png?skin_name=chrome' border='0' /></a>
</center>
<p class="title">Featured examples</p>
<!-- Planar Game -->
<div class="appBox">
<a href="examples/planarGame/planarGame.html">
<img src="res/planar.gif" class="reflect" border="0" alt="Click to play now !" width="107" height="81" />
<p><span>Play the</span><br/><span class="big">Planar Game</span></p>
</a>
</div>
<!-- jsBox -->
<div class="appBox">
<a href="plugins/composable/examples/jsBox/jsBox.html">
<img src="res/jsBox.gif" class="reflect" border="0" alt="Click to try jsBox !" width="107" height="81" />
<p><span>visual javascript demo</span><br/><span class="big">jsBox</span></p>
</a>
</div>
<!-- logicGates -->
<div class="appBox">
<a href="plugins/editor/examples/logicGates/index.html">
<img src="res/logicGates.png" class="reflect" border="0" alt="Click to try logicGates" width="107" height="81" />
<p><span>WiringEditor demo</span><br/><span class="big">Logic Gates</span></p>
</a>
</div>
<!-- Learn Wires, Terminals -->
<div class="appBox">
<a href="examples/wires_and_terminals.html">
<img src="res/demo1.png" class="reflect" border="0" alt="Learn Wires, Terminals" width="107" height="81" />
<p><span>learn</span><br/><span class="big">Wires, Terminals</span></p>
</a>
</div>
<!-- Learn Containers, WiringEditor -->
<div class="appBox">
<a href="plugins/editor/examples/WiringEditor/">
<img src="res/wiringEditor.png" class="reflect" border="0" alt="Learn Containers, WiringEditor" width="107" height="81" />
<p><span>learn</span><br/><span class="big">Containers, WiringEditor</span></p>
</a>
</div>
<p><b>Core components examples :</b></p>
<ul>
<li><a href="examples/presentation.html">Interactive presentation</a></li>
<li><a href="examples/creating_terminals.html">Creating terminals and wires</a></li>
<li><a href="examples/changing_directions.html">Changing terminal direction</a></li>
<li><a href="examples/wires_and_terminals.html">Wire and Terminals configuration</a></li>
<li><a href="examples/dd_and_animation.html">DragDrop and Animation utilities</a></li>
<li><a href="examples/planarGame/planarGame.html">Planar game</a></li>
<li><a href="examples/wire_events.html">Wire mouse events</a></li>
<li><a href="examples/wire_tooltips.html">Wire context menu</a></li>
<li><a href="examples/labels.html">Wire labels</a></li>
<li><a href="examples/label_containers.html">Label Containers</a></li>
</ul>
<p>Plugin 'editor' examples</p>
<ul>
<li><a href="plugins/editor/examples/WiringEditor/">WiringEditor demo</a></li>
<li><a href="plugins/editor/examples/logicGates/index.html">Logic Gates demo</a></li>
<li><a href="plugins/editor/examples/ajaxAdapter/">Ajax Adapter</a></li>
<li><a href="plugins/editor/examples/gearsAdapter/">Gears Adapter</a></li>
<li><a href="plugins/editor/examples/WiringEditor/widget.html">WiringEditor non-fullscreen</a></li>
</ul>
<p>Plugin 'composable' examples</p>
<ul>
<li><a href="plugins/composable/examples/jsBox/jsBox.html">jsBox</a></li>
</ul>
<p>Plugin 'grouping' examples</p>
<ul>
<li><a href="examples/jsBox/jsBox.html">editor example</a></li>
</ul>
<p>Plugin 'inputex' examples</p>
<ul>
<li><a href="plugins/inputex/examples/index.html">FormContainers</a></li>
</ul>
<p>Plugin 'layout' examples</p>
<ul>
<li><a href="plugins/layout/examples/spring_layout.html">Spring Layout</a></li>
<li><a href="plugins/layout/examples/dotparser/index.html">Dot parser</a></li>
</ul>
</td>
</tr>
<tr>
<td class="left">
<p class="title">Community</p>
<div style="width: 400px; margin: 0 auto;">
<!-- WireIt Blog -->
<script src="http://pipes.yahoo.com/js/listbadge.js">{"pipe_id":"LobH_yRv3hGeK14sIDfpSg","_btype":"list"}</script>
</div>
</td>
<td class="right">
<div style="width: 400px; margin-top: 70px;">
<!-- WireIt Forum -->
<script src="http://pipes.yahoo.com/js/listbadge.js">{"pipe_id":"9rzgvyVv3hG33WbbU1y0Jw","_btype":"list"}</script>
</div>
</td>
</tr>
</table>
<div style="font-size: 8pt; color: #999999; background-color: #222222; border-top: 2px solid black; padding: 10px; margin-top: 20px;">
<ul class="navigation">
<li><a href="http://neyric.github.com/wireit">Home</a></li>
<li><a href="http://github.com/neyric/wireit/">GitHub[Git]</a></li>
<li><a href="http://github.com/neyric/wireit/issues">Issues</a></li>
<li><a href="guide.html">Guide</a></li>
<li><a href="api/index.html">API Documentation</a></li>
<li><a href="http://javascript.neyric.com/blog/category/wireit/">Blog</a></a></li>
<li><a href="http://groups.google.com/group/wireit/">Forums</a></li>
</ul>
<p style="font-size: 90%; margin-top: 20px;">WireIt is released under the <a href="license.txt" style="color: white;">MIT license</a>.</p>
</div>
</center>
<script type="text/javascript">
document.write(unescape("%3Cscript src='http://www.google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-567557-2");
pageTracker._trackPageview();
</script>
</body>
</html>