Human Home

About this template

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.