<h2>Overview</h2>
<p>Surface is a server-side rendering component library that allows developers to build rich interactive user-interfaces, writing minimal custom Javascript. It is built on top of Phoenix LiveView and its component API, leveraging the Phoenix Framework to provide a fast and productive solution for building modern web applications.</p>
<h2>Features</h2>
<ul>
<li><strong>HTML-centric templating language</strong>: Designed specifically to improve development experience.</li>
<li><strong>Components as modules</strong>: Components can be stateless, stateful, renderless, or compile-time.</li>
<li><strong>Declarative properties</strong>: Allows explicit declaration of the inputs (properties and events) of each component.</li>
<li><strong>Slots</strong>: Placeholders declared by a component that can be filled up with custom content.</li>
<li><strong>Contexts</strong>: Allows a parent component to share data with its children without passing them as properties.</li>
<li><strong>Compile-time checking</strong>: Checks the template structure, components' properties, slots, events, and more at compile-time.</li>
<li><strong>Integration with editor/tools</strong>: Provides warnings/errors, syntax highlighting, jump-to-definition, auto-completion (coming soon), and more.</li>
</ul>


Surface Ui

Surface