---
title: "Blob Text Border — Framer component · Best of Framer"
description: "$3.00 · Framer component · by Troy Miller · Text. Create Image Display"
canonical: "https://framer.elliotli.dev/component/blob-text-border"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Blob Text Border

# Blob Text Border

Create Image Display

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

![Blob Text Border preview image 1](https://framer.elliotli.dev/og/component/blob-text-border/ce30577d7f2c0b15/1600x1200.jpg)

## Summary

Create Image Display

## Description

**Blob Image Frame with Animated Text**

Create eye-catching, organic blob-shaped image frames with smooth animated text that flows around the border. Perfect for testimonials, team profiles, product highlights, or any design that needs a playful, modern touch.

**Key Features:**

**Customizable Image Display**

-   Upload any image with Framer's built-in image picker
    
-   Adjust focal point with drag-and-drop control to ensure your subject stays perfectly centered
    
-   Automatic cropping to fit the blob shape while maintaining your preferred focus area
    
-   Smooth hover animation that scales the image for an interactive feel
    

**Animated Border Text**

-   Fully customizable text that continuously orbits around the blob shape
    
-   Seamless looping animation with adjustable speed (5-30 seconds)
    
-   Support for emojis and special characters
    
-   Text color changes on hover for added interactivity
    
-   Choose from any Google Font or system font
    
-   Adjustable font size and weight for perfect typography
    

**Design Controls**

-   Flexible sizing
    
-   Responsive design that adapts to any layout
    
-   Color controls for text, hover states, and placeholder
    
-   Smooth transitions and professional animations
    
-   Clean, modern aesthetic that works with any design style
    

**Easy to Use:** Simply drag the component onto your canvas, upload your image, customize the text and colors, and you're done. All controls are intuitive and accessible directly from Framer's property panel.

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-3hq8y9i3-bWWnze1Cu9phhy7hCm40J01tY3PEcT)

**IMPORTANT:** Due to the nature of digital code components, **all sales are final and non-refundable**. Once purchased, you receive immediate access to the complete component code, which cannot be returned.

**Before purchasing, please:**

-   Review the component demo and documentation carefully
    
-   Check the feature list to ensure it meets your needs
    
-   Contact us at troy@fireislanddesign.com with any pre-purchase questions
    

For design work, questions, or help, please reach out at [https://www.fireislanddesign.com/](https://www.merokeeventures.com/)

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

-   All · #5976

## Details

- **Author**: Troy Miller
- **Price**: $3.00
- **Published**: 2026-01-07
- **Updated**: 2026-06-17
- **Added**: 2025-12-23
- **Categories**: Text

## More like this

-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Soft Heading](/component/soft-heading) — Kaisa A · Free — Animated Soft Heading in 2 colors
-   [Curved Text Marquee](/component/curved-text-marquee) — Ahmet Loca · Free — Animated Bend
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing