Chromakey

Chromakey

Platform

Platform

Framer

Framer

Type

Type

Digital

Digital

Field

Field

Portfolio, Agency

Portfolio, Agency

Price:

Price:

$79

About

About

Chromakey is a minimal Framer template designed for motion studios, CGI artists, designers and creative agencies.

Built around a flexible media system, it gives you the freedom to work with video, motion, CGI, 3D, photography and branding projects — combining different formats and presenting them through a wide range of layouts and compositions.

Every section is designed to give you control without adding complexity. Adjust the structure, scale, media behavior and composition to fit the character of each project, while keeping the overall experience clear and consistent.

Chromakey helps you build rich, content-driven portfolios with fewer steps — giving you maximum flexibility, strong presentation and full control over how your work is seen.


Custom Solutions

01. CMS Homepage Slider

A flexible homepage slider built directly around Framer CMS. You have full control over the number of projects and their order simply by managing your CMS collection.

Choose from six transition styles and fine-tune the timing, easing and reveal behavior to match the character of your portfolio. The component is responsive and ready to work across desktop, tablet and mobile without additional setup.

02. Infinite Client List

A CMS-powered infinite client list that keeps everything easy to manage. Add as many clients as you need, change their order at any time and update the entire section directly from your CMS collection.

Each client can include its own link and media cover, giving you the option to turn a simple list into a more visual and interactive part of the site.

03. Project List Media Preview

A fast, CMS-connected media preview designed for project lists. Your CMS controls which projects appear and in what order, while the component handles the visual presentation.

It supports both images and video, making it easy to create a dynamic project index without maintaining separate layouts for different types of content. The component is optimized for fast interaction and consistent performance across modern browsers.

04. Custom Media Player

A fully customizable player built for flexible video presentation. Media can be loaded from a file or external URL, while the controls can be positioned independently to fit your layout rather than forcing you into a traditional player interface.

The player supports different presentation modes and can switch to native playback when needed, giving you more control on desktop while preserving familiar device behavior where it matters.

05. Flexible Project Media Grid

A modular grid system designed for building project pages around the content itself. Every media slot can be controlled individually, allowing you to create completely different compositions without rebuilding the page structure.

Control the number of media items, their size, aspect ratio, rows, columns and placement. Images and video can be used independently or combined inside the same layout.

Whether a project consists entirely of photography, a sequence of films or a mixture of different media formats, the grid gives you the flexibility to create a layout that fits the work rather than forcing the work into a fixed template.

06. 3D Globe Archive

An interactive 3D media environment designed for the Archive page. The globe supports both images and video, and you can add as much media as your project requires while retaining control over the size and presentation of every item.

It works across desktop and mobile and includes a wide range of controls for adjusting the appearance, movement and behavior of the gallery.

Advanced Framer users can customize the experience in detail, while those who prefer a simpler workflow can use the component immediately with its default configuration. It is designed to work out of the box without requiring complex setup.

Chromakey is a minimal Framer template designed for motion studios, CGI artists, designers and creative agencies.

Built around a flexible media system, it gives you the freedom to work with video, motion, CGI, 3D, photography and branding projects — combining different formats and presenting them through a wide range of layouts and compositions.

Every section is designed to give you control without adding complexity. Adjust the structure, scale, media behavior and composition to fit the character of each project, while keeping the overall experience clear and consistent.

Chromakey helps you build rich, content-driven portfolios with fewer steps — giving you maximum flexibility, strong presentation and full control over how your work is seen.


Custom Solutions

01. CMS Homepage Slider

A flexible homepage slider built directly around Framer CMS. You have full control over the number of projects and their order simply by managing your CMS collection.

Choose from six transition styles and fine-tune the timing, easing and reveal behavior to match the character of your portfolio. The component is responsive and ready to work across desktop, tablet and mobile without additional setup.

02. Infinite Client List

A CMS-powered infinite client list that keeps everything easy to manage. Add as many clients as you need, change their order at any time and update the entire section directly from your CMS collection.

Each client can include its own link and media cover, giving you the option to turn a simple list into a more visual and interactive part of the site.

03. Project List Media Preview

A fast, CMS-connected media preview designed for project lists. Your CMS controls which projects appear and in what order, while the component handles the visual presentation.

It supports both images and video, making it easy to create a dynamic project index without maintaining separate layouts for different types of content. The component is optimized for fast interaction and consistent performance across modern browsers.

04. Custom Media Player

A fully customizable player built for flexible video presentation. Media can be loaded from a file or external URL, while the controls can be positioned independently to fit your layout rather than forcing you into a traditional player interface.

The player supports different presentation modes and can switch to native playback when needed, giving you more control on desktop while preserving familiar device behavior where it matters.

05. Flexible Project Media Grid

A modular grid system designed for building project pages around the content itself. Every media slot can be controlled individually, allowing you to create completely different compositions without rebuilding the page structure.

Control the number of media items, their size, aspect ratio, rows, columns and placement. Images and video can be used independently or combined inside the same layout.

Whether a project consists entirely of photography, a sequence of films or a mixture of different media formats, the grid gives you the flexibility to create a layout that fits the work rather than forcing the work into a fixed template.

06. 3D Globe Archive

An interactive 3D media environment designed for the Archive page. The globe supports both images and video, and you can add as much media as your project requires while retaining control over the size and presentation of every item.

It works across desktop and mobile and includes a wide range of controls for adjusting the appearance, movement and behavior of the gallery.

Advanced Framer users can customize the experience in detail, while those who prefer a simpler workflow can use the component immediately with its default configuration. It is designed to work out of the box without requiring complex setup.

Features

  • Fully responsive design

  • CMS-powered project and article pages

  • Clean, minimal layout system

  • Smooth animations and interactions

  • Easy customization in Framer

  • Optimized performance

Pages


  1. Home\Index (2 variants)

  2. Works (+Filter)

  3. Work Single (CMS)

  4. About

  5. Journal (+Filter)

  6. Article page (CMS)

  7. Contact

  8. Archive

  9. 404 page

  10. Privacy policy