Circular - A Houdini Layout

The Layout API allows developers to extend the browser’s layout rendering process by defining new layout modes that can be used in display CSS property.

Circular uses the API to create a layout that evenly places elements along a circle path.

Get started

Install the dependencies...

cd houdini-challenge
npm install

...then start Rollup:

npm run dev

Building and running in production mode

To create an optimised version of the app:

npm run build

You can run the newly built app with npm run start. This uses sirv, which is included in your package.json's dependencies so that the app will work when you deploy to platforms like Heroku.