Discover what's included in Acorn

Acorn comes with a starter template, several components, plus grid and a few layout examples.

Folder structure

Clone the repo or download and unzip the compressed folder, and you'll see this structure:


Components are pre-built structures that you can drop into your projects right away. We have included 10+ components, ranging from the common spacer or divider, to interactive ones such as hamburger menus or accordions.


Acorn comes with examples that show how easy it is to use the framework in order to build structures for common scenarios, like centering a single column with very little code or defining a custom stacking order for mobile-only.


We have included grid examples that cover all possible column combinations. Simply drop them in the starter layout and use them to build your layouts.


The layouts folder contains the starter layout file.