2026 Framer Agent Hackathon

My submission for Framer 2026 Agent Hackathon.

View Submission

Background

Following the launch of Framer 3.0, the platform hosted an official hackathon. This project served as my formal submission for the competition, where in I leveraged these updated features.

Overview

I initiated the project in one day and completed the development of seven primary pages, including the Home, Project, Projects CMS, Publication, Awards, and News layouts on that same day.


Additionally, I finalized the About and Contact Us pages by refining the structural elements, padding, and responsive layouts of an agent-generated base design.

AI Review

For this build, I leveraged Sonnet to maximize token efficiency and was thoroughly impressed by its native integration within the Framer Canvas.


A major highlight was its concurrent workflow, which allowed me to design alongside the agent in real time. The standout feature, however, was the agent's CMS management; it handled content creation and deletion flawlessly, earning a solid 9.8/10 for execution.


Component generation was also effective, though I opted to hide those specific elements until I can tweak them to my exact specifications.


The broader capacity to connect external agents like Cursor is a fantastic addition to the ecosystem that I look forward to exploring.


Overall, this project strongly reinforced my satisfaction with switching to Framer.

Resource & Tools

Framer

Unsplash

2026 Framer Agent Hackathon

My submission for Framer 2026 Agent Hackathon.

View Submission

Background

Following the launch of Framer 3.0, the platform hosted an official hackathon. This project served as my formal submission for the competition, where in I leveraged these updated features.

Overview

I initiated the project in one day and completed the development of seven primary pages, including the Home, Project, Projects CMS, Publication, Awards, and News layouts on that same day.


Additionally, I finalized the About and Contact Us pages by refining the structural elements, padding, and responsive layouts of an agent-generated base design.

AI Review

For this build, I leveraged Sonnet to maximize token efficiency and was thoroughly impressed by its native integration within the Framer Canvas.


A major highlight was its concurrent workflow, which allowed me to design alongside the agent in real time. The standout feature, however, was the agent's CMS management; it handled content creation and deletion flawlessly, earning a solid 9.8/10 for execution.


Component generation was also effective, though I opted to hide those specific elements until I can tweak them to my exact specifications.


The broader capacity to connect external agents like Cursor is a fantastic addition to the ecosystem that I look forward to exploring.


Overall, this project strongly reinforced my satisfaction with switching to Framer.

Resources & Tools

Framer

Unsplash

2026 Framer Agent Hackathon

My submission for Framer 2026 Agent Hackathon.

View Submission

Background

Following the launch of Framer 3.0, the platform hosted an official hackathon. This project served as my formal submission for the competition, where in I leveraged these updated features.

Overview

I initiated the project in one day and completed the development of seven primary pages, including the Home, Project, Projects CMS, Publication, Awards, and News layouts on that same day.


Additionally, I finalized the About and Contact Us pages by refining the structural elements, padding, and responsive layouts of an agent-generated base design.

AI Review

For this build, I leveraged Sonnet to maximize token efficiency and was thoroughly impressed by its native integration within the Framer Canvas.


A major highlight was its concurrent workflow, which allowed me to design alongside the agent in real time. The standout feature, however, was the agent's CMS management; it handled content creation and deletion flawlessly, earning a solid 9.8/10 for execution.


Component generation was also effective, though I opted to hide those specific elements until I can tweak them to my exact specifications.


The broader capacity to connect external agents like Cursor is a fantastic addition to the ecosystem that I look forward to exploring.


Overall, this project strongly reinforced my satisfaction with switching to Framer.

Resources & Tools

Framer

Unsplash

Create a free website with Framer, the website builder loved by startups, designers and agencies.