jQuery Plugin For Flexible & Responsive Curving Text - CircleType.js

jQuery Plugin For Flexible & Responsive Curving Text - CircleType.js
File Size: 54.3 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT

CircleType.js is a smart and lightweight jQuery plugin that allows you to arrange each letter of your text along a curved path based on Lettering.js.


  • Auto Radius
  • Custom arc and radius
  • Flexible & Responsive radius based on window size
  • Works well with FitText.js
  • Supports of any font used in your html document

Basic Usage:

1. Include the latest jQuery javascript library and jQuery CircleType.js on your web page

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="circletype.min.js"></script>

2. Create the text

<div id="demo">YOUR TEXT</div>

3. Call the plugin with options

$('#demo').circleType({radius: 384});

Chang log:


  • remove silly whitespace


  • updated the event handling


  • Fixed letters overlapping if line-height is undefined


  • adding star button


This awesome jQuery plugin is developed by peterhry. For more Advanced Usages, please check the demo page or visit the official website.