---
title: "Curved Inline Type — Framer component · Best of Framer"
description: "$12.00 · Framer component · by Axis Supply · Text. Curved Inline Type is an immersive typography component for Framer that transforms a line of text into a sweeping 3D curved composition."
canonical: "https://framer.elliotli.dev/component/curved-inline-type"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Curved Inline Type

# Curved Inline Type

Scroll-driven 3D Type inline image

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

![Curved Inline Type preview image 1](https://framer.elliotli.dev/og/component/curved-inline-type/c073dbb876fe9dfc/1600x1200.jpg)

## Summary

Curved Inline Type is an immersive typography component for Framer that transforms a line of text into a sweeping 3D curved composition.

## Description

**Curved Inline Type** is an immersive typography component for Framer that transforms a line of text into a sweeping 3D curved composition. Words flow naturally along a deep arc while inline images and videos can be placed between text, creating a bold editorial effect that responds fluidly to scrolling.

## ✦ Key Features

-   **Curved Typography** — Arrange text along a dramatic 3D arc for a distinctive editorial presentation.
    
-   **Inline Images & Videos** — Insert images or Videos directly between words to create expressive text-and-media compositions.
    
-   **3D Depth** — Control perspective, depth, ring size, curve amount, and text rotation for different spatial effects.
    
-   **Smooth Motion** — Add spring-based smoothing to create fluid transitions between scroll positions.
    
-   **Forward & Reverse** — Choose the direction in which the curved composition travels.
    
-   **Custom Links** — Make individual text-and-image items clickable and link them to pages or external URLs.
    
-   **Flexible Images/Videos** — Adjust image/video height, aspect ratio, radius, spacing, and object fit.
    
-   **Custom Scroll Length** — Control how much scrolling is used to complete the full 3D sweep.
    
-   **Fully Customizable** — Adjust typography, colours, images, Videos, curve, perspective, depth, animation, and appearance.
    

## ✦ What You Can Create

-   Creative Agency Websites
    
-   Portfolio Introductions
    
-   Editorial Landing Pages
    
-   Fashion Websites
    
-   Photography Portfolios
    
-   Studio Websites
    
-   Art Direction Pages
    
-   Experimental Typography
    

## ✦ Typography in Motion

Use **Curved Inline Type** to turn a simple headline into a spatial visual experience. Combine oversized typography with inline imagery and videos and scroll-driven 3D movement to create memorable hero sections, introductions, transitions, and editorial layouts. Keywords**:** Curved Inline Type, Framer Curved Text, 3D Typography, Curved Typography, Framer Typography, Framer Text Component, 3D Text Animation, Scroll Typography, Interactive Typography, Inline Image Text, Inline video Text.

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

-   All · #1367

## Details

- **Author**: Axis Supply
- **Price**: $12.00
- **Published**: 2026-09-02
- **Updated**: 2026-09-08
- **Added**: 2026-09-02
- **Categories**: Text

## More like this

-   [Hover Stretch Text](/component/hover-stretch-text) — 584.studio · $3 — Responsive & fully customizable
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing
-   [Odometer Stats](/component/odometer-stats) — Pixlify · Free — Rolling number counters
-   [Clipped Words](/component/clipped-words) — Interface Studio · $5 — Words With a Little Chaos