Swirl Sphere

3D sphere with swirling noise displacement.

One-time payment
Lifetime updates
Commercial license
Live Preview

Overview

3D sphere with swirling noise displacement.

  • 3D sphere with text texture
  • Swirling animation effect
  • Transparent background
  • Full font customization

Swirl Sphere - 3D Kinetic Typography

Create captivating 3D text effects with the Swirl Sphere component. Text swirls across a rotating sphere, creating a mesmerizing visual experience.

Features

3D Sphere Geometry Your text is dynamically mapped onto a sphere using Three.js shaders, creating stunning swirl effects.

Transparent Background Seamlessly overlays on any background in your Framer project.

Smooth Animation Watch text flow across the sphere with adjustable animation speed.

Auto Rotation Enable automatic rotation for a constantly evolving 3D display.

Use Cases

Hero Sections — Create immersive 3D headlines.

Brand Experiences — Elevate your brand with premium 3D visuals.

Creative Portfolios — Showcase innovative typography.

Landing Pages — Make a lasting first impression.

Swirl Sphere Preview

How to Use

Installation

  1. Copy the component URL
  2. Open your Framer project
  3. Paste the component (Cmd/Ctrl + V)

Customization

Content

  • Text: Your display text
  • Font: Extended font controls

Colors

  • Text Color: Color of the text (default: white)
  • Sphere Color: Color of the rotating sphere (default: blue)

Animation

  • Animation Speed: Swirl speed
  • Camera Distance: View distance
  • Auto Rotate: Toggle rotation

License

Single Use License — Use in one client project with full commercial rights. No redistribution. 1 license = 1 client.

Refund Policy

Due to the nature of our digital products, we are unable to offer refunds, but we're here to assist you with any questions or concerns!

Swirl Sphere - $9

3D sphere with swirling noise displacement.

One-Time Payment
Lifetime Access
Unlimited sites

You might also like

Why Choose Framer Hub Components

Loved by Framer teams

Used by Framer professionals who need premium, no-code experiences.

"The Best Framer CMS Filtering Plugin I've Found — Truly a Game-Changer. I've tested a lot of Framer CMS filtering and sorting components — both free and paid — and this is by far the best one I've come across."
Pierre Azalbert
"He really helped me out when I needed assistance adding it to my Framer project. Super fast customer support highly recommend!"
Salman Abdulrazaq Ali
"We had tried a couple of other Framer CMS filter components but they were buggy, hard to use and support was slow or non-existent. FramerCMSFilter is easier to use and has a lot of added functionality."
Mark Williamson

Got questions? We've the answers

Got questions? We've the answers

Everything you need to know about FramerHub.