
π curved_text_codespark
Next-level Flutter text rendering β wrap your words around curves, waves, spirals & paths!
Perfect for logos, animations, interactive UIs, and attention-grabbing designs.
β¨ Features
β
Circular, elliptical, spiral, wave, and custom curved text
β
Customizable radius, spacing, direction, baseline, and angle
β
Per-character style control via builder
β
Animate text along the path
β
Character tap callbacks
β
RTL and multiline-ready architecture
β
Works with TextStyle
, emojis, symbols, and more
β
Null-safe, Flutter 3.x compatible
πΈ Preview


π Getting Started
Add to your pubspec.yaml
:
dependencies:
curved_text_codespark: ^0.0.1
Import in your Dart file:
import 'package:curved_text_codespark/curved_text_codespark.dart';
π§ͺ Example
CurvedText(
text: 'CURVED TEXT CODESPARK',
options: CurvedTextOptions(
curveType: CurveType.circular,
radius: 120,
spacing: 8,
clockwise: true,
rtl: false,
defaultTextStyle: TextStyle(
fontSize: 20,
color: Colors.tealAccent,
fontWeight: FontWeight.bold,
),
),
onCharTap: (index, char) {
print('Tapped: "$char" at index $index');
},
styleBuilder: (index, char) {
return TextStyle(
fontSize: 20 + (index % 4) * 2,
color: index.isEven ? Colors.tealAccent : Colors.orangeAccent,
);
},
)
π Comparison with Other Packages
Feature / Package | curved_text_codespark |
curved_text |
curved_render_text |
flutter_circular_text |
---|---|---|---|---|
Circular Text | β | β | β | β |
Elliptical / Spiral / Wave | β | β | β | β |
Custom Path Support | β (planned) | β | β | β |
Per-character Styling | β | β | β | β |
Tap Callbacks | β | β | β | β |
RTL Support | β | β | β | β |
Text Animation | β (early) | β | β | β |
Null Safety & Flutter 3.x Compatibility | β | β οΈ Partial | β | β |
Maintained | β | β | β | β |
π§© Roadmap
x
Circular/elliptical curved textx
Tap detection on charactersx
Style builder support
π€ Why curved_text_codespark
?
Other packages stop at circular text. We go around and beyond it β with animations, interactivity, styling freedom, and upcoming full-path rendering support.
Whether you're making a logo, a radial menu, or eye-catching titles, this package gives you the flexibility and finesse missing from others.
π¨βπ» Maintainer
Built and maintained by K Sai Kiran
Have ideas or feedback? PRs & issues welcome! βοΈ Star the GitHub repo to support ongoing development.
Libraries
- curved_text_codespark
- Entry file for curved_text_codespark package. This will support rendering text along various custom curves like circle, spiral, wave, BΓ©zier, and more.