Search packages, repositories and app categories

ducafecatFlutter ecosystem guide
simple_gradient_text cover
Package detailsv1.4.0

simple_gradient_text

Create fast and simple gradient texts, whether linear or radial, you just decide the colors and the text to display, very easy.

AndroidiOSWebmacOSWindowsLinux
pub.dev API documentation Source code
30-day downloads
66.1K
Likes
124
Pub points
160

Install package

flutter pub add simple_gradient_text

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

Simple Gradient Text is a Flutter package that enables developers to easily create visually appealing gradient text effects with minimal code. It supports both linear and radial gradients, allowing users to define custom colors and apply them directly to text. Ideal for enhancing UIs with dynamic typography, it works across all major platforms including Android, iOS, Web, macOS, Windows, and Linux. The package is lightweight and straightforward, focusing on simplicity without sacrificing flexibility.

Use cases

  • Adding gradient effects to app titles
  • Enhancing button labels with color transitions
  • Creating eye-catching headlines in dashboards
  • Improving user engagement with animated text visuals
  • Designing modern UI components with vibrant typography

Key features

  • Support for linear and radial gradients
  • Easy color configuration
  • Minimal boilerplate code
  • Cross-platform compatibility
  • Lightweight and performant
  • Simple API with intuitive setup

Suitable for

  • UI designers seeking visual flair
  • Developers building modern Flutter apps
  • Projects requiring dynamic text styling
  • Apps with branding that uses gradient elements
  • Prototyping fast and polished interfaces

Considerations

  • Limited customization beyond gradient types
  • No built-in animation support
  • Gradient direction must be manually specified
  • May require additional styling for complex layouts
  • Not ideal for highly intricate text effects

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

style: lint

gradient_text

Requires Flutter >=3.29.0

Create gradient texts simply and quickly.

Getting Started

pub package

Only add simple_gradient_text package to your pubspec.yaml.

dependencies:
  simple_gradient_text: 1.4.0

Then run flutter get --no-example.

Note: You can add directly - run flutter pub add simple_gradient_text in your project.

Add a linear gradient text
GradientText(
    'Gradient Text Example',
    style: TextStyle(
        fontSize: 40.0,
    ),
    colors: [
        Colors.blue,
        Colors.red,
        Colors.teal,
    ],
),

Flutter Gradient Text Example

Add a radial gradient text
GradientText(
    'Gradient Text Example',
    style: TextStyle(
        fontSize: 40.0,
    ),
    gradientType: GradientType.radial,
    radius: 2.5,
    colors: [
        Colors.blue,
        Colors.red,
        Colors.teal,
    ],
),

Flutter Gradient Text Example

Categories

Text Decoration, Effect & Animation

Source repository

Projects using this package