Instructions
To make this component work you must follow these steps:
  1. Add a Page trigger and select Page load
  2. Select the Loader 1 [Hide] animation inside When page finishes loading
  3. Position loader1_component inside page-wrapper
  4. Set loader1_component position to fixed and display to none
Note:
Sometimes there may be a bug where the website briefly flashes before the loader is displayed. To avoid this add the following custom code in your Site settings > Custom Code > Head code
<style>
 .preloader {
   display: flex;
 }
</style>

Built on Performance, Precision, and Reliability.

We combine industry-leading design, precision engineering, with specialist manufacture - all under one roof. Discover the story behind our unique approach.

Who we work with…

Working alongside brands you know and love

We’ve helped the brands below with anything from creating parts for the next supercar, design a new plane seat or creating the next must-have chocolate. There’s never a dull day.

Our Services

Two areas of expertise.
One considered approach.

Our expertise span two industries: confectionery and engineering. While their challenges differ, our considered approach ensures clarity, precision, and results across both. Choose your sector below.

Let’s discuss your next project.