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
    LoginSign up
    Enterprise
    Pricing
    Login
    Sign up
    Marketplace
    TemplatesPluginsComponents
    Templates
    Plugins
    Components
    Component preview thumbnail
    MarketplaceComponents

    Floating Letters

    A text component that creates interactive hover effects where letters transform into colorful floating shapes with customizable gradients, animations, and text properties.

    Noman
    Noman
    Creator
    1mo ago
    Updated
    1.2K
    Views
    Noman
    Noman
    Creator
    1mo ago
    Updated
    1.2K
    Views

    Make it with Workshop

    Build your own component with AI


    This component is part of Framercrafts, a library of supercharged Framer components and overrides.

    Description

    Floating Letters transforms regular text into an interactive experience. When users hover over letters, they disappear and are replaced by colorful floating shapes with gradient effects. Each letter produces a unique shape, direction, and color combination, creating a playful and engaging text display.

    Use Cases

    1. Interactive Headlines - Engaging section titles for websites

    2. Creative Typography - Artistic text displays for portfolios

    3. Hover Effects - Interactive elements for navigation or buttons

    4. Attention-Grabbing Text - Highlight important messages or quotes

    5. Decorative Elements - Add visual interest to otherwise static text

    Customizations

    • Text Content - Any text to display with the effect

    • Gradient Colors - Custom color palette for the floating shapes

    • Float Distance - Control how far shapes float from their origin

    • Font Properties - Size, color, weight, line height, and alignment

    • Shape Variety - Random shapes including circles, rectangles, ovals, and triangles

    Support
    About ComponentsRefund PolicyContact Creator

    More Components

    See All →
    Thumbnail for Realtime CMS Search, a Framer Marketplace template by Nabeel.
    Realtime CMS Search
    $15
    Nabeel
    Thumbnail for Visual Sitemap, a Framer Marketplace template by Noman.
    Visual Sitemap
    $5
    Noman
    Thumbnail for Fluid Motion Cursor, a Framer Marketplace template by Vanyadoing.
    Fluid Motion Cursor
    $20
    Vanyadoing
    Thumbnail for Image Reveal, a Framer Marketplace template by Foci Studio.
    Image Reveal
    $4
    Foci Studio
    Thumbnail for Inline Text & Images, a Framer Marketplace template by Umut Sevinc.
    Inline Text & Images
    $5
    Umut Sevinc
    Thumbnail for SuperInteractive Nav, a Framer Marketplace template by Mahmood Ali.
    SuperInteractive Nav
    $5
    Mahmood Ali
    Thumbnail for Text Pressure, a Framer Marketplace template by @ru Design.
    Text Pressure
    Free
    @ru Design
    Thumbnail for Scaled Text On Hover, a Framer Marketplace template by Nick Yonce.
    Scaled Text On Hover
    $5
    Nick Yonce

    More from Noman

    See All →
    Thumbnail for ImgComparisonSlider, a Framer Marketplace component by Noman.
    ImgComparisonSlider
    component · $5
    Noman
    Thumbnail for Smudge, a Framer Marketplace component by Noman.
    Smudge
    component · $5
    Noman
    Thumbnail for Image Reveal Grid, a Framer Marketplace component by Noman.
    Image Reveal Grid
    component · $6
    Noman
    Thumbnail for Advanced Masonry, a Framer Marketplace component by Noman.
    Advanced Masonry
    component · $10
    Noman
    Thumbnail for Circlular Text Blur, a Framer Marketplace component by Noman.
    Circlular Text Blur
    component · $6
    Noman
    Thumbnail for SVG Reveal on scroll, a Framer Marketplace component by Noman.
    SVG Reveal on scroll
    component · $5
    Noman
    Thumbnail for Animated SVG Beam, a Framer Marketplace component by Noman.
    Animated SVG Beam
    component · $6
    Noman
    Thumbnail for Fluid Canvas, a Framer Marketplace component by Noman.
    Fluid Canvas
    component · $10
    Noman