---
title: "Direct Download — Free Framer component · Best of Framer"
description: "Free Framer component · by Anwash · Buttons. Setup and usage Drag the Direct Download component onto your canvas."
canonical: "https://framer.elliotli.dev/component/direct-download"
---

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

# Direct Download

Use your button, filename + no redirect

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

![Direct Download preview image 1](https://framer.elliotli.dev/og/component/direct-download/e37f6ecc4e4410e1/1600x1200.jpg)

## Summary

Setup and usage Drag the Direct Download component onto your canvas.

## Description

## About

Instant Download is a functional component that gives you full control over file downloads in Framer. It allows you to use your own custom-designed button without modifying styles, while enabling instant file downloads with a defined filename. Unlike the default behavior, it prevents opening files in a new tab and delivers a seamless download experience.

## Setup and usage

1.  Drag the **Direct** **Download** component onto your canvas.
    
2.  **Connect your design:** Use the property panel to select a "Component Instance." This can be any button, icon, or frame you have already designed.
    
3.  **Upload or link your file:** Add a file (PDF, PNG, JPG, DOC, ZIP, etc.) or provide a direct URL.
    
4.  **Set filename:** Define the exact filename users will receive when downloading the file.
    
5.  **Preview:** Lastly, Test and download file in Preview mode or published site.
    

## How it works

The component overrides the default Framer download behavior by triggering a direct file download instead of opening a new tab. It also assigns a custom filename to the file being downloaded, ensuring a clean and controlled user experience.

## Important notes

-   **Custom Button Required:** You must attach your own button or UI element for interaction.
    
-   **File Handling:** Works with all major file formats and external URLs.
    

## Support

For any queries and help setting up the component, contact [hi.anwash@gmail.com](mailto:hi.anwash@gmail.com).

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

-   All · #1588

## Details

- **Author**: Anwash
- **Published**: 2026-05-05
- **Updated**: 2026-05-05
- **Added**: 2026-04-23
- **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