component
Arc Curved Text Pro
By Karim Saif

Details
- Karim SaifAuthor
- componentType
- 2026-08-09Published
- 2026-08-09Updated
- 2026-08-09Added
- TextCategories
Summary
Arc Curved Text Pro v2 gives you complete geometric control over curved text layouts directly inside Framer.
Description
Arc Curved Text Pro v2 gives you complete geometric control over curved text layouts directly inside Framer. Engineered with responsive SVG pathing, dynamic font-aware text measurement, and comprehensive design controls, it allows you to bend text along any angle—from subtle curves to complete 360° circles—without breaking layouts or rendering performance. Key Features Flexible Curve Mechanics: Continuous bend control from -360° to +360° . Create straight text ( 0° ), quarter arcs ( ±90° ), semicircles ( ±180° ), major arcs ( ±270° ), or full circles ( ±360° ). Dual Calculation Modes: Switch between Exact Bend Mode (angular degree bending) and Exact Radius Mode (pixel-precise radial curvature). Smart Text Fitting: Built-in font-aware measurement automatically adjusts glyph spacing along the path to eliminate overflow or clipping. Complete Directional Control: Flip paths instantly, adjust text alignment (Start, Center, End), reverse reading direction (Left-to-Right / Right-to-Left), and slide text along the arc. Ideal Use Cases Hero Badges & Logos: Design circular seals, rotating stamps, and curved brand lockups. Dynamic CTA Buttons: Wrap action-oriented typography around circular icons or interactive triggers. Decorative Typography: Introduce flowing text accents across landing page sections, banners, and bento grids. E-Commerce & Showcases: Highlight product features using angled or semi-circular framing labels. Need Help? Have questions, need custom features, or want to share feedback? Reach out anytime at karimsaif010@gmail.com or on X @Karim Saif
Introduction
Arc Curved Text
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #2499