Resources
Desktop app
Marketplace
Community
Developers
Wallpapers
Meetups
Company
Security
Careers
Report
Status
Legal
Blog
Creators
Program
Payouts
Experts
Awards
Events
Brand
Compare
Squarespace
Wordpress
Unbounce
Webflow
Figma
Wix
Solutions
Figma to HTML
Website builder
Portfolio maker
Landing pages
UI/UX design
No-code
Socials
Instagram
X Twitter
YouTube
LinkedIn
Threads
TikTok
    Framer
    EnterprisePricing
    Enterprise
    Pricing
    Marketplace
    TemplatesPluginsComponents
    Templates
    Plugins
    Components
    Component preview thumbnail
    MarketplaceComponents

    Ribbon Text

    Animated headline that flows along a chosen angle with a subtle ribbon-like wave. Limited time Free!

    Sabo Sugi
    Sabo Sugi
    Creator
    6d ago
    Updated
    33
    Installs
    Sabo Sugi
    Sabo Sugi
    Creator
    6d ago
    Updated
    33
    Installs

    Make it with Workshop

    Build your own component with AI


    What it’s for

    • Eye-catching hero titles and taglines

    • Section dividers and directional cues

    • Ambient motion on landing pages without cursor tracking

    • Logo wordmarks with gentle motion

    How it works

    • Direction set by Angle° (0 = right). Component enforces readable direction (right/down).

    • Wave runs from the first letter to the last, along the normal to the angle.

    • True letter spacing: per-glyph measurement + your Letter-Spacing tracking.

    • Auto centers using live size via ResizeObserver.

    • Uses Framer’s Font picker; weight/style come from the selected font.

    Key props

    • Angle°: 0–360. Motion direction.

    • Normal Offset: shift the whole ribbon perpendicular to the angle.

    • Letter-Spacing (Tracking): extra pixels between letter centers.

    • Wave Amp: wave height.

    • Wave Len: wavelength in letters.

    • Wave Speed: cycles per second.

    • Wave Decay: exponential falloff from first to last letter.

    Support
    About ComponentsRefund PolicyContact Creator

    More Components

    See All →
    Thumbnail for 3D Book component, a Framer Marketplace template by Paul Moville.
    3D Book component
    Free
    Paul Moville
    Thumbnail for 009 Compare Slider, a Framer Marketplace template by 099 Supply.
    009 Compare Slider
    $4
    099 Supply
    Thumbnail for TypeSplash, a Framer Marketplace template by Noah.
    TypeSplash
    $5
    Noah
    Thumbnail for Funky Borders, a Framer Marketplace template by Nabeel.
    Funky Borders
    $9
    Nabeel
    Thumbnail for Video on Hover, a Framer Marketplace template by Eduard Akinfiu.
    Video on Hover
    Free
    Eduard Akinfiu
    Thumbnail for Dismiss Once Banner, a Framer Marketplace template by Nabeel.
    Dismiss Once Banner
    $14
    Nabeel
    Thumbnail for Text Ribbon, a Framer Marketplace template by Ismoil Safarov.
    Text Ribbon
    $4
    Ismoil Safarov
    Thumbnail for SoundToggle, a Framer Marketplace template by Kalim Khan.
    SoundToggle
    Free
    Kalim Khan

    More from Sabo Sugi

    See All →
    Thumbnail for Particles Waves, a Framer Marketplace component by Sabo Sugi.
    Particles Waves
    component · Free
    Sabo Sugi
    Thumbnail for Import 3D, a Framer Marketplace component by Sabo Sugi.
    Import 3D
    component · Free
    Sabo Sugi
    Thumbnail for Reveal Text Scroll, a Framer Marketplace component by Sabo Sugi.
    Reveal Text Scroll
    component · Free
    Sabo Sugi
    Thumbnail for Globe Pins, a Framer Marketplace component by Sabo Sugi.
    Globe Pins
    component · Free
    Sabo Sugi
    Thumbnail for Starsfield, a Framer Marketplace component by Sabo Sugi.
    Starsfield
    component · Free
    Sabo Sugi
    Thumbnail 1 for NORDIQ, a Framer Marketplace template by Sabo Sugi.Thumbnail 2 for NORDIQ, a Framer Marketplace template by Sabo Sugi.
    NORDIQ
    template · Free
    Sabo Sugi