Copy component
Copy component
How can I improve Framer Uni?
Let me know if there’s a missing feature or something that could be improved.
Share feedback
How can I improve Framer Uni?
Let me know if there’s a missing feature or something that could be improved.
Share feedback
Component
This is a 3D Rug Effect recreated in Framer from Paola’s original work. It’s a text displacement effect that creates a layered 3D illusion, making your typography appear to shift and ripple like fabric. Feel free to copy the component into your own project.
Created by
To use the 3D Rug Effect component, start by uploading your main image. Then upload a low-opacity, blurred version of the same image in the shadow upload field to create depth. You can toggle orbit on or off for rotational motion, and adjust zoom to control how close or far the image appears. Use rotate X, rotate Y, and rotate Z to tilt the image along different axes. Fine-tune the radius and bump values to enhance the 3D displacement, and customize the BG to set the perfect background for your effect.
To use the 3D Rug Effect component, start by uploading your main image. Then upload a low-opacity, blurred version of the same image in the shadow upload field to create depth. You can toggle orbit on or off for rotational motion, and adjust zoom to control how close or far the image appears. Use rotate X, rotate Y, and rotate Z to tilt the image along different axes. Fine-tune the radius and bump values to enhance the 3D displacement, and customize the BG to set the perfect background for your effect.
To use the 3D Rug Effect component, start by uploading your main image. Then upload a low-opacity, blurred version of the same image in the shadow upload field to create depth. You can toggle orbit on or off for rotational motion, and adjust zoom to control how close or far the image appears. Use rotate X, rotate Y, and rotate Z to tilt the image along different axes. Fine-tune the radius and bump values to enhance the 3D displacement, and customize the BG to set the perfect background for your effect.
The properties of the 3D rug text effect in Framer.
The properties of the 3D rug text effect in Framer.
The properties of the 3D rug text effect in Framer.
Framer Navigator
Build your ideas with ease by learning the basics of website building with Framer.
Framer Navigator
Build your ideas with ease by learning the basics of website building with Framer.
Framer Navigator
Build your ideas with ease by learning the basics of website building with Framer.
