curved_text_codespark 0.0.1 copy "curved_text_codespark: ^0.0.1" to clipboard
curved_text_codespark: ^0.0.1 copied to clipboard

Render text along circular, spiral, wave, elliptical, or custom paths with full animation, interactivity, and styling. A modern curved text widget for Flutter.

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 #

  • βœ… Circular/elliptical curved text
  • βœ… Tap detection on characters
  • βœ… 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.

1
likes
160
points
229
downloads

Publisher

verified publisherksaikiran.tech

Weekly Downloads

Render text along circular, spiral, wave, elliptical, or custom paths with full animation, interactivity, and styling. A modern curved text widget for Flutter.

Repository (GitHub)
View/report issues

Topics

#curved-text #path-text #text-effects #text-animation #interactive-text

Documentation

Documentation
API reference

License

MIT (license)

Dependencies

flutter

More

Packages that depend on curved_text_codespark