Human Home

A single-page Framer landing template built for the Agent Hackathon.

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.

---

Built around a simple idea

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.

---

What's inside

• 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.

Three custom agent-made components

• 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.