# Variable Type

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

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.

Website: https://vartype.com/

## What it is 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](https://xiry.app/topics/design.md)
- Topic: [Typography](https://xiry.app/topics/design/typography.md)
- 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](https://www.instagram.com/reel/DAEdI8wu2G1/): 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](https://www.instagram.com/reel/C-nOfj7CE1h/): Lets you test, stretch, and animate variable font axes like weight and size on custom text strings.

## Related

- [Dirtyline Studio](https://xiry.app/resources/dirtyline-studio): Type foundry offering modern display fonts and free typography assets (Website, Freemium)
- [Fontshare](https://xiry.app/resources/fontshare): Free, professional fonts from the Indian Type Foundry for personal and commercial use. (Website, Free)
- [Free Faces](https://xiry.app/resources/free-faces): Curated gallery of free and open-source typefaces organized by style (Website, Free)
- [No Design Foundry](https://xiry.app/resources/no-design-foundry): Web-based interactive typography tools for distorting and styling text (Web app, Free)
- [Space Type Generator](https://xiry.app/resources/space-type-generator): Browser-based kinetic typography tool for generating animated 2D and 3D text (Web app, Free)
- [Stack & Justify](https://xiry.app/resources/stack-and-justify): Browser tool to generate aligned type specimens using equal-width words (Web app, Open source)

Updated 3 October 2026. Page: https://xiry.app/resources/variable-type

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.