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
221
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