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





