Curved Text Codespark

πŸŒ€ curved_text_codespark

Pub Version Likes Code Style: Flutter GitHub Repo

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

Curved Text Codespark Demo Curved Text Codespark Demo

πŸš€ 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 text
  • x Tap detection on characters
  • x Style builder support
  • Spiral / Sine / Arc / Bezier / SVG path text
  • Scroll-responsive curvature
  • Custom painter API for integration into canvas
  • Text shadows & gradient fills
  • Multiline & RTL text support
  • Path morph animations

πŸ€” 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.