Advanced Text Arc
A customizable component that displays text along a curved path, creating a circular or semi-circular text effect.
Make it with Workshop
Build your own component with AI
About
TextArc is a customizable component that displays text along a curved path, creating a circular or semi-circular text effect. It automatically calculates the proper arc angle based on text length and provides options for styling both the text and an optional background that follows the text arc.
This component a part of the 400+ components, layouts, templates, UI Kits and code overrides from SegmentUI PRO. Click here to see the full library
Instructions
Copy and paste the TextArc component into your Framer project file.
Adjust the text content by modifying the "Text" property.
Set the desired radius to control the size of the arc and use the "Start Angle" to rotate the text position.
Customize the appearance by setting text color, font properties, and vertical offset to fine-tune text positioning.
Enable or disable the arc background, adjust its color, vertical and horizontal padding, and border radius to create the desired look and feel.
Toggle the "Show Guides" option during design to help with positioning and alignment.
How It Works
TextArc offers extensive property controls for customization:
Text content and font styling
Radius and positioning controls
Background styling with padding and border radius
Color customization for text and background
Visual guides for easier positioning
Support
For any queries and help setting up the component, contact hello@segmentui.com
Refund Policy
If a component does not function as advertised and the issue cannot be resolved, you are eligible for a full refund under our quality guarantee. Refunds will not be provided for any other reasons, including change of mind, accidental purchase, lack of use, or expectations of features not explicitly advertised.
