---
title: "Filename Download — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Alexander Winter · Buttons. Typical use cases Downloading PDFs, images or other assets Delivering client files without hashed names Replacing Framer’s default…"
canonical: "https://framer.elliotli.dev/component/filename-download"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Filename Download

# Filename Download

Name your downloadable files

[View on Framer](https://framer.com/marketplace/components/filename-download/?via=elliot-li)

![Filename Download preview image 1](https://framer.elliotli.dev/og/component/filename-download/68919b57d423b13a/1600x1200.jpg)

## Summary

Typical use cases Downloading PDFs, images or other assets Delivering client files without hashed names Replacing Framer’s default download behavior with something cleaner Any…

## Description

A small, self-contained component that fixes one of the most common limitations in Framer file downloads. Instead of delivering files with long hashed names, it forces a clean, professional filename of your choice. Upload any file, type the name you want, and the component handles the full download flow automatically.

### Tutorial:

[https://youtu.be/DZnrI3G1KJo](https://youtu.be/DZnrI3G1KJo)

### Typical use cases

-   Downloading PDFs, images or other assets
    
-   Delivering client files without hashed names
    
-   Replacing Framer’s default download behavior with something cleaner
    
-   Any case where a user should receive a file with a clear, readable name
    

### How to use

-   Drag the component onto your canvas
    
-   Upload your file
    
-   Enter the filename users should receive
    
-   Place the button you want to use anywhere on the canvas, outside the frame
    
-   Select that button from the "Button dropdown" to link it
    
-   The linked button will automatically appear where you placed the Filename Download component
    
-   Clicking it will now download the file with the correct filename instead of the hashed one
    

### Features

-   Clean, custom filenames instead of hash strings
    
-   Works with any Framer button component
    
-   Fully customizable styling through your own button
    
-   No external dependencies
    
-   Smooth and reliable download behavior
    
-   Works with CMS
    

### Performance

-   Lightweight, client-side only, no additional setup required.
    
-   Easy to implement
    

### Important note

This component does not include its own button.

A button must be placed on the canvas so it becomes available in the Button dropdown.

Once linked, the component uses the full style, variants and animations of your button without modification.

## Rank history [How rankings work →](/terms#rankings)

-   All · #4374

## Details

- **Author**: Alexander Winter
- **Price**: $9.00
- **Published**: 2025-12-03
- **Updated**: 2026-08-22
- **Added**: 2025-11-24
- **Categories**: Buttons

## More like this

-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow
-   [Dash Stretch Button](/component/dash-stretch-button) — Pentaclay · Free — Animated Hover Button With a Dash
-   [Nova Theme Toggle](/component/nova-theme-toggle) — Shouvik Biswas · $12 — Three-Mode Theme Toggle
-   [Nabby: Copy Button](/component/nabby-copy-button) — Francesco Gallo · Free — Plug in your button, copy anything