App creates arc or circular shape text as SVG with the option of making them rotate
App creates arc or circular shape text as SVG with the option of making them rotate
Bring curved and circular typography to Webflow. Design arc or full‑circle text with a live preview, then insert a clean, responsive SVG directly into your selected element in Designer.
Key features
Arc or Circular: Choose between curved or full‑circle text.
Precise control: Set arc position (top/right/bottom/left), font size with smart limits, and container presets (small/medium/large).
Live preview: See updates instantly as you type and tweak.
SVG output: Inserts lightweight, resolution‑independent SVG—no external scripts.
Optional rotation: Create animated badges and seals with one toggle.
Built‑in safeguards: Prevents insert without a valid selection or invalid settings.
Accessible and performant: Respects reduced‑motion and high‑contrast preferences; optimized rendering.
Auto‑save: Your last configuration is remembered for faster iteration.
How it works
Open the app in Webflow Designer and select a container element.
Enter your text, pick Arc or Circular, and adjust position, size, and presets.
Preview changes in real time.
Click Insert to add the SVG to your selected element.
Publish your site—no additional setup required.
Great for
Badges, seals, logos
CTAs and hero headlines
Decorative labels and product marks
Bring curved and circular typography to Webflow. Design arc or full‑circle text with a live preview, then insert a clean, responsive SVG directly into your selected element in Designer.
Key features
Arc or Circular: Choose between curved or full‑circle text.
Precise control: Set arc position (top/right/bottom/left), font size with smart limits, and container presets (small/medium/large).
Live preview: See updates instantly as you type and tweak.
SVG output: Inserts lightweight, resolution‑independent SVG—no external scripts.
Optional rotation: Create animated badges and seals with one toggle.
Built‑in safeguards: Prevents insert without a valid selection or invalid settings.
Accessible and performant: Respects reduced‑motion and high‑contrast preferences; optimized rendering.
Auto‑save: Your last configuration is remembered for faster iteration.
How it works
Open the app in Webflow Designer and select a container element.
Enter your text, pick Arc or Circular, and adjust position, size, and presets.
Preview changes in real time.
Click Insert to add the SVG to your selected element.
Publish your site—no additional setup required.
Great for
Badges, seals, logos
CTAs and hero headlines
Decorative labels and product marks
- Arc or Circular text with real‑time previewArc or Circular text with real‑time preview
- Precise controls: arc position, font size limits, and size presetsPrecise controls: arc position, font size limits, and size presets
- One‑click insert as clean, responsive SVG (no external scripts)One‑click insert as clean, responsive SVG (no external scripts)
- Optional rotation for animated badges and sealsOptional rotation for animated badges and seals
- Safeguards, accessibility preferences, and auto‑save for a smooth workflowSafeguards, accessibility preferences, and auto‑save for a smooth workflow