Design · Web app

Variable Type

Interactive playground for testing and animating variable font axes in real time

Visit vartype.com ↗

Variable Type is a browser-based tool for testing, previewing, and animating variable fonts. It lets you manipulate axes like weight, width, and slant using live sliders or upload your own font files to experiment with kinetic typography.

What it's for

  • Test variable font axis variations interactively before using them in code
  • Upload custom variable fonts to inspect supported axes and behavior
  • Experiment with kinetic typography layouts and text animations

Features

  • Real-time slider controls for font axes like weight, width, and slant
  • Support for custom font file uploads
  • Preloaded showcase of variable fonts from indie type foundries
  • Live text editing in multiple kinetic layout templates

Pricing

Free to use in beta

Details

Type
Web app
Category
Design
Topic
Typography
Platforms
Web
For
Type designers, web designers, and creative developers
Alternative to
Dinamo Font Gauntlet, Axis-Praxis, Wakamai Fondue
Tags
typography, variable fonts, font testing, kinetic type, design tools

Why it was saved

  • @thedesignely, 18 September 2024: Allows designers and developers to adjust variable font axes like weight, width, and slant dynamically to craft kinetic typography and UI animations.
  • @groteskly.yours, 13 August 2024: Lets you test, stretch, and animate variable font axes like weight and size on custom text strings.

Related

  • Dirtyline Studio

    Type foundry offering modern display fonts and free typography assets

  • Fontshare

    Free, professional fonts from the Indian Type Foundry for personal and commercial use.

  • Free Faces

    Curated gallery of free and open-source typefaces organized by style

  • No Design Foundry

    Web-based interactive typography tools for distorting and styling text

  • Space Type Generator

    Browser-based kinetic typography tool for generating animated 2D and 3D text

  • Stack & Justify

    Browser tool to generate aligned type specimens using equal-width words

All 37 in Typography →

Updated