Human Home™ is a one-page Framer template created during the Agent Hackathon. It showcases how Framer's agents can accelerate the design process by generating functional components from scratch. The result is a polished, ready-to-use landing page — plus a 404 page — that anyone can repurpose for their own project.
There are no additional pages. All navigation simply scrolls to sections on the same page.
---
This template started from one question: how far can an agent take you?
Instead of hand-coding every detail, the team asked Framer's agent to build key components — a scroll progress bar, a photoring, and a scroll background animation — then refined the output into a cohesive landing page. The goal was to let the agent handle the repetitive work so designers could focus on content and composition.
---
Single landing page - all content lives on one scrollable page. Navigation anchors — Services, About, Reviews, and Book — jump to the corresponding section.
404 page - A simple error page to catch stray visitors and keep the experience consistent.
Testimonials CMS - The reviews section is powered by a CMS collection, so you can add or replace stories without touching the layout. Portraits and quotes appear in a carousel designed to build trust.
Scroll progress bar — A subtle indicator in the navigation bar that shows how far you've scrolled through the page.
Photo Ring — An agent-generated component that arranges images in a circular ring. It appears in the footer and on the 404 page.
Scroll background animation — The hero section features an animated background shape that morphs as you scroll down the page.
---
Grab the template for free, experiment with the agent-generated components, and adapt the content to your own project.
Human Home™ is a one-page Framer template created during the Agent Hackathon. It showcases how Framer's agents can accelerate the design process by generating functional components from scratch. The result is a polished, ready-to-use landing page — plus a 404 page — that anyone can repurpose for their own project.
There are no additional pages. All navigation simply scrolls to sections on the same page.
---
This template started from one question: how far can an agent take you?
Instead of hand-coding every detail, the team asked Framer's agent to build key components — a scroll progress bar, a photoring, and a scroll background animation — then refined the output into a cohesive landing page. The goal was to let the agent handle the repetitive work so designers could focus on content and composition.
---
Single landing page - all content lives on one scrollable page. Navigation anchors — Services, About, Reviews, and Book — jump to the corresponding section.
404 page - A simple error page to catch stray visitors and keep the experience consistent.
Testimonials CMS - The reviews section is powered by a CMS collection, so you can add or replace stories without touching the layout. Portraits and quotes appear in a carousel designed to build trust.
Scroll progress bar — A subtle indicator in the navigation bar that shows how far you've scrolled through the page.
Photo Ring — An agent-generated component that arranges images in a circular ring. It appears in the footer and on the 404 page.
Scroll background animation — The hero section features an animated background shape that morphs as you scroll down the page.
---
Grab the template for free, experiment with the agent-generated components, and adapt the content to your own project.
