Fiber

About this template

Fiber is a clean, editorial portfolio template designed for creative agencies and design studios. Built with care in Framer — every detail considered, every section purposeful.

What's included:

- Home page with animated Motion Layer scroller and hero text

- Works collection — CMS-powered project pages with title, client, roles, and date

- Shots grid — visual archive for quick design snapshots

- Info page — services, clients, recognition, and press

- Services page

- 404 page

- Fully responsive — desktop, tablet, and mobile

How to use:

1. Loader — the intro animation plays automatically on page load. To edit the duration or disable it, select the Loader component on the canvas and adjust the delay settings in the right panel.

Also, while customizing, select the page and temporarily hide the Loader on the right side. This will help you easily customize the pages.

2. Motion Layer (Home page) — the horizontal scrolling marquee in the hero section is powered by the Motion Layer component. To update the items, select the component, open its properties, and edit the list directly. You can adjust speed, direction, and gap from the same panel.

For Motion Layers, the CMS is connected via separate filters. If you want to showcase more work on the Home page, simply duplicate the CMS blocks on the right side and sequentially continue the "Start at" property of the Order there.3. CMS — go to the CMS panel, open the Works collection, and replace the placeholder content with your own projects. Add cover images to each item. The Shots collection works the same way — just swap in your visuals.

4. Colors and fonts — all styles are managed through the Styles panel. Change the primary font or color palette in one place and it updates across the entire site.For questions, customization requests, or anything else — drop a line at [email protected]

Designed for studios. Built for speed.