The 3D Text Effect widget lets you add stunning three-dimensional typography to your Elementor designs. With customizable depth, color, angle, and shadow settings, you can easily create eye-catching text that stands out. Whether you’re designing headlines, banners, or call-to-actions, this widget gives your content a modern and bold visual impact. Perfect for drawing attention and enhancing your site’s visual appeal, the 3D Text Effect widget is simple yet powerful.
Let’s look at each of the options in the 3D Text Effect widget for Elementor below.
Elementor 3D Text Effect Video Tutorial
Add a 3D Text Effect Widget to Elementor
This widget requires Unlimited Elements Free version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “3D Text”
- Hover over the widget in the search results and click install
- Add the “3D Text” widget to any Elementor Page
General Settings
Text
Enter the content to be displayed in 3D.
Align
Set the alignment of the 3D text.
- Left
- Center
- Right
3D Type Options
Choose the style of 3D text from below options.
Subtle Gray – Soft gray 3D effect with mild depth and shadows; good for minimalistic designs.
Black Bold – Strong black text with prominent 3D depth; great for dramatic headings.
Smooth Gray – Cleaner, softer version of Subtle Gray; suits modern UIs.
Deep Indigo – Dark bluish 3D text with deep shadows; gives a rich, premium feel.
Subtle Pink – Light pink-toned 3D text; suitable for feminine or soft themes.
Deep Gray – Dark gray with strong 3D depth and high contrast.
Long Shadow – Adds an extended shadow behind the text; used for retro or bold styles.
Crazy – Experimental or animated 3D style with dynamic effects.
Stripes – Striped texture on 3D text; makes it playful and attention-grabbing.
Advanced 3D (Pro) – It includes premium interactive effects like cursor follow, rotation angle, and direction customization.
Event Effect
Set how the 3D text responds to user actions.
None – Disables all interactive rotation or movement effects for the 3D text.
Cursor Follow – Rotates the 3D text dynamically based on the user’s cursor movement.
Vertical Scroll – Applies vertical rotation effects as the user scrolls the page.
Horizontal Scroll – Rotates the 3D text horizontally in response to scrolling.
Rotate to Viewport Center – Rotates the text to always face the center of the user's viewport for maximum visibility.
Event Effect Rotation
Define the maximum rotation angle in degrees.
Event Effect Rotation Direction
Choose the direction of the rotation effect.
Default – Applies the standard rotation direction based on the selected event effect.
Reverse – Inverts the rotation direction for a mirrored or opposite motion effect.
3D Text Effect Widget Styling
You can customize color and typography of 3d text.
3D Text Effect Design Examples For Elementor
Here are the live use cases for the 3D Text Effect Widget.
3D text heading on flip box.
3D text heading on tile gallery.
We hope this guide helped you explore the features of the 3D Text Effect widget. With its customizable angles, vibrant shadows, and striking depth options, you can elevate your text design with ease. If you have any questions or need further support, we’re always here to help. Keep pushing creative boundaries!
