---
title: "Testimonial Jotter — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Siji Ibukun Olaifa · Carousels. Testimonial Customizable Card"
canonical: "https://framer.elliotli.dev/component/testimonial-jotter"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Testimonial Jotter

# Testimonial Jotter

Testimonial Customizable Card

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

![Testimonial Jotter preview image 1](https://framer.elliotli.dev/og/component/testimonial-jotter/d8a7ce278aec0b83/1600x1200.jpg)

## Summary

Testimonial Customizable Card

## Description

A testimonial carousel with a live animated jotter — a pen writes on the page, tears it off on each transition, with a page-flip sound. Fully responsive, panel-editable, and drop-in ready for Framer.

**Why does social proof still look so boring?** Tired of the same old headshot-and-quote routine? Jotter Testimonial flips the script. A pen actively writes across a notebook page, timed to your slide interval — then rips away with a flip animation and a crisp paper sound, all synthesised natively in the browser with zero audio files. Colors, typography, spacing — everything is surfaced in Framer's property panel, supports up to 10 testimonials, and adapts cleanly to all screen sizes without any extra setup.

**KEY FEATURES:**

**Live jotter illustration:** Animated pen writes on a notebook page in real time, synced to your slide interval. Page tears off on every transition.

**Web Audio page-flip sound:** Synthesised paper-flip sound on each transition. Built with the Web Audio API — no audio files, no external dependencies.

**Progress ring countdown:** An animated SVG ring wraps the avatar and counts down to the next slide. Resets instantly on manual navigation.

**Full responsive breakpoints:** ResizeObserver-powered. Font sizes, avatar sizes, padding, and jotter scale adapt automatically to desktop, tablet, and mobile.

**100% panel-editable:** Every color, font, size, radius, and interval is exposed in Framer's property panel. No code editing needed after install.

**Up to 10 testimonials:** Add testimonials as an array directly from the panel. Name, role, quote, and avatar per entry. Dot indicators scale automatically.

**Refund policy:** Refunds are only issued in cases where the component is proven to be defective or not working as described.

To be eligible, you must contact support within 7 days of purchase with clear details of the issue. If the problem cannot be resolved, a refund will be processed.

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

-   All · #10241

## Details

- **Author**: Siji Ibukun Olaifa
- **Price**: $10.00
- **Published**: 2026-06-21
- **Updated**: 2026-06-24
- **Added**: 2026-06-21
- **Categories**: Carousels

## More like this

-   [Screen Stage Mockup](/component/screen-stage-mockup) — Aisol Studio · $14 — Your screens in synced devices
-   [Team Reel](/component/team-reel) — Ali Musa · Free — Interactive Team Showcase
-   [Slider](/component/slider) — MAS · Free — A smooth, customizable slider.
-   [Cascade Card Slider](/component/cascade-card-slider) — Tim Yeng · Free — Cards that cascade into view