---
title: "Scorecard Quiz — Framer component · Best of Framer"
description: "$15.00 · Framer component · by Isaac Yi · Forms. Scorecard Quiz scores every area and names the weakest one — the self-assessment coaches, consultants, and agencies usually rent from a monthly…"
canonical: "https://framer.elliotli.dev/component/scorecard-quiz"
---

[Home](/)/[Components](/components)/[Forms](/components/category/forms)/Scorecard Quiz

# Scorecard Quiz

Rate the statements. See the gaps.

[View on Framer](https://framer.com/marketplace/components/scorecard-quiz/?via=elliot-li)

![Scorecard Quiz preview image 1](https://framer.elliotli.dev/og/component/scorecard-quiz/6e91acaac236fdd7/1600x649.jpg)

## Summary

Scorecard Quiz scores every area and names the weakest one — the self-assessment coaches, consultants, and agencies usually rent from a monthly SaaS, as one component that sends…

## Description

Quiz Funnel routes each visitor to one result. Scorecard Quiz scores every area and names the weakest one — the self-assessment coaches, consultants, and agencies usually rent from a monthly SaaS, as one component that sends nothing anywhere.

WHAT IT IS

Visitors rate short statements one at a time on a scale you choose: Agree 1 to 5, Yes / Sometimes / No, or 1 to 10. Areas and statements live in the properties panel — one area per item, one statement per line. Start a line with ! to reverse-score it.

WHAT THE RESULTS SCREEN SHOWS

— An overall score ring out of 100 with a one-time count-up, and a grade band (label, description, CTA) matched to it

— A score for every area as bars, or a radar chart for 3 to 6 areas

— The lowest area called out with the advice you wrote for it

— A CTA per band, a Retake button, and a Copy summary button that puts the scores on the visitor's clipboard

HOW IT SCORES

Each area scores 0 to 100 from its own statements. The overall score is the average of the areas, so every area weighs the same. Bands are minimum thresholds — add as many as you need.

WHAT IT DOES NOT DO

No email gate, no webhook, no backend. Results are computed in the browser and shown on the spot — nothing is stored or sent anywhere. Drop it in, type your statements, done.

WHAT YOU GET

— Twelve ready-made statements in four areas (a website health check), replaceable in minutes

— Auto-advance on click or a Next button; keyboard users pick with arrow keys and confirm with Enter

— Back to change an answer, a progress bar and step counter, an intro screen you can hide

— Zero layout shift: the card keeps its height between statements; the ring number and Copy button reserve their width

— Light and dark themes, one accent color, adjustable max width

— Accessible: real radio groups, labeled scores, an announced Copy state

— Zero external libraries. Pure React and CSS.

Everything is configured from the properties panel. No CMS, no code.

## Rank history [How rankings work →](/terms#rankings)

-   All · #7799

## Details

- **Author**: Isaac Yi
- **Price**: $15.00
- **Published**: 2026-09-15
- **Updated**: 2026-10-02
- **Added**: 2026-09-15
- **Categories**: Forms

## More across types

-   [Wallble: Guest Book & Wall of Love](/plugin/wallble-guest-book-wall-of-love) — Wallble · Free — Guest book & Wall of Love

## More like this

-   [Stay Booking Pro](/component/stay-booking-pro) — Design Foundry · $10 — Stay Planner with Dynamic Pricing
-   [Postcode Checker](/component/postcode-checker) — Sean Weekes · $15 — Do we cover your area? (UK
-   [Property Calculators](/component/property-calculators) — Sean Weekes · $12 — UK Stamp Duty, mortgage and yield
-   [UTM Lead Capture](/component/utm-lead-capture) — Sean Weekes · $9 — See where every lead came from