Iklil Najma Muqtafa

Looks like this might become my favorite Framer project! Can anyone guess what it is?

Something is coming…👀

Bulk renaming with the Rename It plugin. In addition to assigning numbers, this plugin can rename files based on their position. See how this plugin works.

Just shipped Tag Manager for Framer.

I built this because I kept asking myself, "Am I actually using the right semantic HTML tags?"

Tag Manager uses AI to analyze your page structure and recommends the most appropriate semantic tags like section, article, nav, header, footer, h1, p, and more.

The workflow is simple:

• Select your main container.

• Click Analyze.

• Review AI suggestions.

• Apply the recommended tags manually in Framer.

Due to current Framer plugin limitations, plugins can't update semantic tags automatically. That's why Tag Manager focuses on helping you make the right decisions instead of guessing.

If you're building websites in Framer and care about SEO, accessibility, and clean HTML structure, I'd love to hear your feedback.

Plugin: [Tag Manager]

Excited to share my first free Framer template! Delapan is a minimal editorial portfolio built for multidisciplinary designers to showcase projects with style and clarity.

Simple footer and blur concept for the next @framer template.

The Services section for the new framer template is coming soon✌

Hiring page with a multi-step application form, now available in the new @framer Template.

Live Demo: https://framer.link/bTaaS54

File Upload Component: https://framer.link/84zvJGx

Pre-loader in our latest @framer template.

Live preview : https://framer.link/bTaaS54

A preview of the CMS detail page in my new framer template.

See my template : https://framer.link/bTaaS54

New template just landed on the marketplace!

Meet our latest Framer template — Clean design, easy customization, and built to impress.

Check it out now!

How to add Framer File Upload Component with Cloudflare R2 Integration

Requirement: To follow this guide, you’ll need the File Upload Component for Framer.

Step by step:

Best for large files and high traffic using a secure Worker bridge.

1. Setup R2 & Worker

- Create an R2 bucket in Cloudflare.

- Create a new Worker to handle the upload logic.

- Get the R2 Worker Code & CORS Settings here.

- Bind the Worker to your R2 bucket in the Cloudflare settings.

2. Connect to Framer

- Copy your Worker's URL (e.g., ...workers.dev).

- Connecting the Framer file upload component to Cloudflare R2 by inputting the deployed Worker URL in the component property panel.

- Set the provider in Framer to Cloudflare R2 and paste the URL.

- No trailing slash! The URL should end with .dev — not .dev/.

3. Publish and test your form.

Conclusion

You now have a fully functional file upload system integrated directly into your Framer site. Testing is key—ensure you publish your site to verify the connection between the component and your storage provider.

Ready to start? Get the File Upload Component

A new template is coming soon 👀

How to add Framer File Upload Component with Supabase Integration

Requirement: To follow this guide, you’ll need the File Upload Component for Framer.

Step by step:

A robust, open-source solution for managing files with a clean dashboard.

1. Create a Bucket

- In Supabase, create a new Public bucket named uploads.

- You need to run a specific SQL policy to allow public uploads.

- Copy the SQL Policy Code here.

2. Connect to Framer

- Copy your Project URL and Anon Key from the API settings.

Setting up Supabase storage in Framer by entering the Project URL, Anon Key, and the specific Bucket Name for file uploads.

- Set the provider in Framer to Supabase and fill in the credentials.

3. Publish and test your form.

Conclusion

You now have a fully functional file upload system integrated directly into your Framer site. Testing is key—ensure you publish your site to verify the connection between the component and your storage provider.

Ready to start? Get the File Upload Component

How to add Framer File Upload Component with Cloudinary Integration

Requirement: To follow this guide, you’ll need the File Upload Component for Framer.

Step by step:

The fastest setup for automated image optimization and a "no-code" backend.

1. Configure Cloudinary

- Sign up at Cloudinary.

- Copy your Cloud Name from the dashboard.

- Create an Unsigned Upload Preset in the settings.

- See detailed Cloudinary setup steps here.

2. Connect to Framer

- In Framer, set the provider to Cloudinary.

- Configuring the File Upload component in Framer for Cloudinary by entering the Cloud Name and the Unsigned Upload Preset name.

- Enter your Cloud Name and Upload Preset name.

3. Publish and test your form.

Conclusion

You now have a fully functional file upload system integrated directly into your Framer site. Testing is key—ensure you publish your site to verify the connection between the component and your storage provider.

Ready to start? Get the File Upload Component

Framer File Upload Component with Google Drive Integration

Requirement: To follow this guide, you’ll need the File Upload Component for Framer.

Step by step:

Ideal for beginners who want files to land directly in a familiar folder.

1. Prepare Your Drive

- Open Google Drive and create a new folder named Uploads.

- Open the folder and copy the URL from your browser's address bar.

2. Set Up Google Apps Script

- Go to script.google.com and create a New Project.

- Get the Google Drive Script here and paste it into the editor.

- Replace the placeholder with your folder URL.

- Click Deploy > New Deployment > Web App. Set access to "Anyone".

Setting up a new deployment in Google Apps Script for the Framer File Upload component, configured as a Web App with access set to 'Anyone'.

- Copy the Web App URL.

Copying the generated Web App URL from the Google Apps Script deployment dashboard to be used in the Framer component settings.

3. Connect to Framer

- Select the component in Framer.

Configuring the File Upload component properties in Framer by selecting Google Drive as the provider and entering the Web App URL.

- Set provider to Google Drive and paste your Web App URL.

4. Publish and test your form.

Conclusion

You now have a fully functional file upload system integrated directly into your Framer site. Testing is key—ensure you publish your site to verify the connection between the component and your storage provider.

Ready to start? Get the File Upload Component

The component that can do all of this is Animated Fit Text Pro.

Get this component now.

This Framer component just made its first sale.

Here's the component: https://framer.link/l8O8sHN

See every detail of the NeuralEdge Framer Template in this full-page scroll preview.

See template here.