Surface UI

A server-side rendering component library for Phoenix

Getting started

Start building rich interactive user-interfaces, writing minimal custom Javascript. For a quick start, add Surface to an existing Phoenix LiveView project or install it from scratch.

Learn more


The basic idea and motivation behind Surface, introducing the all the main features along with live examples and detailed explanation to help you to get started.

Learn more

Sample UI Components

A set of sample components that you can use as templates to create your own custom components for your projects, including buttons, tabs, table grids and more.

Learn more