Advanced Text Arc

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

1. Copy and paste the TextArc component into your Framer project file.

2. Adjust the text content by modifying the "Text" property.

3. Set the desired radius to control the size of the arc and use the "Start Angle" to rotate the text position.

4. Customize the appearance by setting text color, font properties, and vertical offset to fine-tune text positioning.

5. Enable or disable the arc background, adjust its color, vertical and horizontal padding, and border radius to create the desired look and feel.

6. 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.