5c:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3gx96u50v9idb.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/069_m7850i8jf.js","/creators-assets/_next/static/immutable/chunks/03586ab1rea-b.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0-lv0573a1cyl.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/24gcuxpvxd8dy.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3vd9_7_mqx0kl.js","/creators-assets/_next/static/immutable/chunks/3l37d07td4kzk.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3nw4q_evu8ge1.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/2qsfz_74auu2_.js","/creators-assets/_next/static/immutable/chunks/1xkjm3oyldl_r.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3yfgkb3cck8zt.js","/creators-assets/_next/static/immutable/chunks/0rfcd366io6r9.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/3kyaj4hrugjs0.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2ryuxt_mk774w.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/2ee50z0bknh40.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/0e-wwv74y78f7.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js"],"PostDetailCard"] 5d:T8fb,

Type Specimen Suite – Interactive Font Tester & Foundry Showcase

A powerful, fully customizable interactive type tester component for Framer. Perfect for type foundries, typography showcases, portfolio sites, and design agency templates.

Elevate your typography presentations with Type Specimen Suite. Allow your site visitors to test fonts live in real-time, tweak typography controls, and preview font character maps seamlessly without writing a single line of code.

Key Features

🎛 Full Interactive Controls: Real-time adjustment for Font Size, Line Height, Letter Spacing (Tracking), Alignment (L/C/R), and Slant/Italic mode.
🗂 Multi-View Modes: Built-in tabs for Type Tester, Glyphs & Character Map, and Waterfall Specimen preview.
🌗 Light & Dark Theme Toggle: Instant theme switcher embedded directly inside the tester UI.
🔤 Custom Font List: Easily plug in your own custom font collection via Framer component properties.
🎨 Accent Color Customization: Match the component’s highlights with your brand palette in seconds.
📱 Fully Responsive: Perfectly adapts to desktop, tablet, and mobile layouts.

What’s Included?

1x Interactive Type Specimen Code Component
Customizable Controls (Default Text, Font List, Accent Colors)
Clean UI designed for dark & light canvas integration

Perfect For:

Type Foundries & Type Designers
Portfolio & Studio Websites
Design System Documentation
Web Design Showcases

59:[["$","$L5c",null,{"post":{"id":"019fe1ab-386b-70ad-bb6c-66b9659429ed","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"67fd66e0-f0cd-4430-bb22-75dd3eef5f63","name":"bdsgn","slug":"bdsgn","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/200795/bd_logo_new_white-yF7gvPCmyG5FCZAT7kZtSJCqyBzmns.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"IzuucSGve56L1Zq3L6tz","resolved":true,"title":"Type Tester","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Type Specimen Suite – Interactive Font Tester & Foundry Showcase","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"A powerful, fully customizable interactive type tester component for Framer. Perfect for type foundries, typography showcases, portfolio sites, and design agency templates.","marks":[{"type":"italic"}]}]},{"type":"customHeading","content":[{"type":"text","text":"Elevate your typography presentations with "},{"type":"text","text":"Type Specimen Suite","marks":[{"type":"bold"}]},{"type":"text","text":". Allow your site visitors to test fonts live in real-time, tweak typography controls, and preview font character maps seamlessly without writing a single line of code."}],"attrs":{"level":2}},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Key Features","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"control_knobs","emoji":"🎛"}},{"type":"text","text":" "},{"type":"text","text":"Full Interactive Controls:","marks":[{"type":"bold"}]},{"type":"text","text":" Real-time adjustment for Font Size, Line Height, Letter Spacing (Tracking), Alignment (L/C/R), and Slant/Italic mode."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"card_index_dividers","emoji":"🗂"}},{"type":"text","text":" "},{"type":"text","text":"Multi-View Modes:","marks":[{"type":"bold"}]},{"type":"text","text":" Built-in tabs for "},{"type":"text","text":"Type Tester","marks":[{"type":"bold"}]},{"type":"text","text":", "},{"type":"text","text":"Glyphs & Character Map","marks":[{"type":"bold"}]},{"type":"text","text":", and "},{"type":"text","text":"Waterfall Specimen","marks":[{"type":"bold"}]},{"type":"text","text":" preview."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"last_quarter_moon","emoji":"🌗"}},{"type":"text","text":" "},{"type":"text","text":"Light & Dark Theme Toggle:","marks":[{"type":"bold"}]},{"type":"text","text":" Instant theme switcher embedded directly inside the tester UI."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"abc","emoji":"🔤"}},{"type":"text","text":" "},{"type":"text","text":"Custom Font List:","marks":[{"type":"bold"}]},{"type":"text","text":" Easily plug in your own custom font collection via Framer component properties."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"art","emoji":"🎨"}},{"type":"text","text":" "},{"type":"text","text":"Accent Color Customization:","marks":[{"type":"bold"}]},{"type":"text","text":" Match the component’s highlights with your brand palette in seconds."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"iphone","emoji":"📱"}},{"type":"text","text":" "},{"type":"text","text":"Fully Responsive:","marks":[{"type":"bold"}]},{"type":"text","text":" Perfectly adapts to desktop, tablet, and mobile layouts."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"What’s Included?","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"1x Interactive Type Specimen Code Component"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable Controls (Default Text, Font List, Accent Colors)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Clean UI designed for dark & light canvas integration"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect For:","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Type Foundries & Type Designers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolio & Studio Websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Design System Documentation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Web Design Showcases"}]}]}]}]},"introduction":"interactive Type Tester","slug":"type-tester","author":{"framerUserId":"67fd66e0-f0cd-4430-bb22-75dd3eef5f63","name":"bdsgn","slug":"bdsgn","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/200795/bd_logo_new_white-yF7gvPCmyG5FCZAT7kZtSJCqyBzmns.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/67fd66e0-f0cd-4430-bb22-75dd3eef5f63/019fe1ab-0729-735f-abdf-4e5cac84c6b4.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-08T13:58:41.820Z","updatedAt":"2026-08-08T13:58:41.820Z","publishedAt":"2026-08-08T13:58:41.811Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://typetesterbdsgn.framer.website/","price":"9","paymentUrl":"https://bonjourdsgn.lemonsqueezy.com/checkout/buy/06e11a33-b77c-4c10-ae51-cb375aadff19","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"NlhqE1RWURlJnOslNSzb","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-08T13:58:42.539Z","updatedAt":"2026-08-08T13:58:42.539Z","reported":false}}],"$L5e"]

Suggested for you