index.html

---
layout: home
overview: true
title: coding with spice
---
<div id="content-wrapper">
	<div class="inner clearfix home_wrapper">
		<div class="home">
			<p class="home_title">Quickly write and reuse your own user interfaces</p>
		</div>
		<div class="row">
			<div class="col-md-4 col-xs-12">
			  <div class="home_box">
				<h1 class="box_title">Composable</h1>
				<p class="box_paragraph">Every single user&nbsp;interface made with Spec can be reused as easily as the basic widgets to compose and reuse as much as possible.</p>
				<a href="{{ site.url }}/docs/initializing/" class="home_link">How to reuse a model <i class="fa fa-hand-o-right"></i></a>
			  </div>
			</div>
			<div class="col-md-4 col-xs-12">
			  <div class="home_box">
				<h1 class="box_title">Customizable</h1>
				<p class="box_paragraph">The behaviour of the sub widgets as well as the behaviour of the sub widgets sub widgets can be tweaked to fit all the possible scenarios.</p>
				<a href="{{ site.url }}/docs/interactions/" class="home_link">Customizing sub widgets <i class="fa fa-hand-o-right"></i></a>
			  </div>
			</div>
			<div class="col-md-4 col-xs-12">
			  <div class="home_box">
				<h1 class="box_title">Portable</h1>
				<p class="box_paragraph">Spec supports multiple rendering backends to define user&nbsp;interfaces once and for all, regardless of the final widget framework.</p>
				<a href="{{ site.url }}/docs/own-model/#the_adapter" class="home_link">How the adapters work <i class="fa fa-hand-o-right"></i></a>
			  </div>
			</div>
		</div>		
	</div>
</div>