NR — Type Tester

NR — Type Tester
NR — Type Tester

About NR — Type Tester

A live type tester for any page that has to show a typeface — a foundry

catalogue, a designer's portfolio, a brand case study, or the typography page

of a design system. Visitors type their own words and see the font respond.

Each OpenType feature you list becomes a button: stylistic sets, character

variants, slashed zero, tabular figures, small caps. Each variable axis becomes

a slider, custom axes included. Show several styles at once and editing one row

updates them all, or switch to Waterfall to set one style at a ladder of sizes.

It works out of the box with Framer's built-in Inter, where all five default

feature buttons are live. Upload your own font and it keeps every feature and

axis. Google Fonts served by Framer include only a basic feature subset, so

stylistic sets and small caps need an uploaded file.

What's included:

• Rows and Waterfall modes

• Up to sixteen OpenType feature buttons and eight axis sliders

• Up to eight style rows, each with its own font and scale

• Synced editing across rows, with a Reset button

• Size, leading, tracking, and alignment controls

• Keyboard and screen reader support

• Light, Dark, and Custom themes

Fully responsive — Desktop / Tablet / Mobile.

All text and colors editable via Component Properties.

Part of the JUDE Neo-Retro library. Pairs well with NR — Footnotes and

NR — Text Reveal. Try a free one first:

https://www.framer.com/@judestudiokorea/

— Designed by JUDE

From JUDE

NR — Text Reveal
NR — Footnotes
NR — Tabs
NR — Testimonial

Related Components

Typewriter Effect
Expandable Text
Word Magnet
Drop Cap Text