Framer Font Drop 16: 4 New Open‑Source Fonts for Modern Websites

Om Singh -

If you design websites or templates in Framer, the Font Drop 16 update is a fresh injection of typographic creativity. Framer just added four new open‑source typefaces—Tiny 5×3, Xx Stardust, Wavetosh, and St. Martin—to its curated font library, all available directly in the Font Picker.

These fonts are especially useful for landing pages, dashboards, and creative portfolios that want to stand out with a unique, web‑friendly look while staying within Framer’s existing design‑and‑publish workflow.

Quick summary

  • Font Drop 16 adds Tiny 5×3, Xx Stardust, Wavetosh, and St. Martin to Framer’s open‑source collection.
  • All four fonts are now available in the Font Picker for new or existing Framer projects.
  • The new faces range from pixel‑style and retro to elegant serif‑inspired designs, giving you more visual variety.
  • You can use them in templates, landing pages, and marketing sites without extra installs or licensing hassle.
  • Framer continues to emphasize open‑source fonts and better font management inside the editor.

What is Framer’s Font Drop 16?

Framer Font Drop 16 is part of Framer’s ongoing series of curated font releases, where the team adds a new batch of high‑quality, open‑source typefaces to its built‑in library. Each Font Drop makes more fonts available directly inside the Framer editor via the Font Picker, so you don’t need to load external files for basic projects.

Font Drop 16 focuses on diverse styles and moods, from compact monospaced characters to expressive display fonts, giving designers more options for headings, call‑to‑actions, and UI elements.

The 4 new fonts in Font Drop 16

Tiny 5×3 – Compact pixel‑style typeface

  • Creator: Jack Halten Fahnestock
  • Vibe: Minimal, retro, grid‑based, ideal for tech products, dashboards, and coding‑adjacent visuals.

Tiny 5×3 is a tiny, blocky font that reads well at small sizes and works especially well for data labels, badges, or constraints‑driven UI. Its compact footprint also helps keep interfaces clean and readable on mobile layouts.

Xx Stardust – Expressive, decorative display

  • Creator: Studio Mucho Gusto
  • Vibe: Playful, cosmic, slightly whimsical; great for hero sections, posters, and creative marquees.

Xx Stardust stands out when you want a headline that feels dynamic and textured, without relying on heavy images. It pairs well with minimal layouts that need a single “wow” typographic element.

Wavetosh – Fluid, organic curves

  • Creator: GGBot
  • Vibe: Soft, flowing, modern; works nicely for branding, logos, and editorial‑style headers.

Wavetosh leans into organic shapes and gentle curves, making it a good fit for wellness, lifestyle, or creative agencies that want a less “geometric” feel. It can also add warmth to otherwise neutral color palettes.

St. Martin – Elegant, serif‑inspired tone

  • Creator: Carl J. Kurtz
  • Vibe: Sophisticated, slightly serif‑leaning; useful for luxury, fashion, or editorial websites.

St. Martin gives you a more refined, high‑end feel compared to standard sans‑serif fonts. It’s a strong choice for micro‑copy such as quotes, testimonials, or short feature descriptions that need a premium touch.

How to use Font Drop 16 fonts in Framer

Using these new Framer Font Drop 16 fonts is straightforward inside the Framer editor:

  1. Open your project and add a Text layer to the canvas.
  2. In the Properties panel, click the Font Picker (Web / Custom / Open Source).
  3. Browse or search for Tiny 5×3, Xx Stardust, Wavetosh, or St. Martin; they appear in the Open Source category.
  4. Apply the font to your text, then tweak size, weight, spacing, and color as needed.

Because these are web fonts, they render consistently across devices and load without extra setup for most projects. If you later export to code or hand off to a developer, the fonts are already referenced in the generated CSS.

Design tips for working with Font Drop 16

Using multiple Font Drop fonts in one project can quickly become noisy if not curated. Here are a few beginner‑friendly guidelines:

  • Pair Tiny 5×3 with a neutral body font (like Inter or Framer’s default web fonts) to keep interfaces readable.
  • Use Xx Stardust or Wavetosh sparingly—typically for one hero headline or a key CTA to avoid visual clutter.
  • Reserve St. Martin for short, high‑impact text such as taglines, quotes, or brand names rather than long paragraphs.
  • Maintain consistent line height and spacing when mixing Framer’s built‑in fonts with Font Drop faces to keep the layout harmonious.

If you’re building a template store in Framer, you can also create reusable text styles with these fonts, then distribute them across pages for faster design iteration.

How Font Drop 16 fits into Framer’s font ecosystem

Framer has been steadily expanding its font picker and typography tools over the past year, including previews for web fonts, better organization of web vs custom fonts, and richer text‑style options. Font Drop batches like Font Drop 16 sit on top of this ecosystem, adding more open‑source, curated typefaces that designers can use without worrying about licensing for small‑scale projects.

If you bring in a Figma project that uses custom fonts, you still have the option to upload those fonts manually in Framer, while Font Drop fonts give you a ready‑to‑use library for quick experimentation.

So far we have learned

  • Font Drop 16 adds Tiny 5×3, Xx Stardust, Wavetosh, and St. Martin as new open‑source fonts in Framer.
  • These fonts are available directly in the Font Picker, so you can apply them to text layers without extra installs.
  • They cover a wide range of moods: retro/pixel, playful display, organic script, and refined serif‑ish.
  • You can safely mix them with Framer’s default web fonts as long as you keep hierarchy and spacing consistent.
  • For templates and landing pages, Font Drop 16 gives you more typographic variety without leaving Framer’s editor.

FAQs about Framer Font Drop 16

1. Where do I find Font Drop 16 fonts in Framer?

They appear in the Open Source section of the Font Picker inside the text‑properties panel.

2. Do I need to pay or license Font Drop 16 fonts?

The fonts are open source, so you can use them directly in Framer projects without extra licensing for most personal and small‑commercial uses.

3. Can I use these fonts in my Figma‑to‑Framer workflows?

You can use Tiny 5×3, Xx Stardust, Wavetosh, and St. Martin in Framer, but if your Figma file uses a different custom font, you must upload that font to Framer separately.

4. Are Font Drop 16 fonts optimized for web performance?

Yes: Framer’s web‑font support is built around efficient font formats and loading, so these fonts are generally optimized for performance on live sites.

5. How often does Framer release new Font Drops?

Framer releases new Font Drop batches periodically, usually adding four new open‑source fonts each time, as seen with earlier Drops like Font Drop 14 and the March Font Drop.

Key Takeaways

  • Framer Font Drop 16 expands your toolkit with Tiny 5×3, Xx Stardust, Wavetosh, and St. Martin, all open‑source and editor‑ready.
  • These fonts suit tech dashboards, creative headlines, and refined branding, depending on the style you pick.
  • Access them from the Font Picker in the Properties panel, then apply them to text layers or reusable styles.
  • To keep your designs clean, limit expressive faces like Xx Stardust and Wavetosh to key headlines, and pair them with neutral body fonts.
  • Use Font Drop 16 as part of Framer’s broader font ecosystem, combining them with web fonts, custom uploads, and text‑style presets for faster end‑to‑end workflows.