shimmer_ai 1.0.0
shimmer_ai: ^1.0.0 copied to clipboard
A powerful package, zero-config shimmer wrapper for Flutter. Instantly shimmer any widget like Text, Container, or ListTile with one line using .withShimmerAi().
✨ shimmer_ai – Effortless Shimmer Effect for Any Flutter Widget
shimmer_ai is a minimal, easy-to-use Flutter package that lets you apply beautiful shimmer loading effects on any widget with just one line of code.
Perfect for skeleton loading screens, user placeholders, or preloading UI states in Flutter apps. Built with performance and simplicity in mind.
🚀 Features
- ⚡ Add shimmer to
any widget– Text, Image, Cards, Buttons, ListTiles, etc. - 🧠 Minimal API – Just use
.withShimmerAi(loading: true) - 🎨 Customizable shimmer color and radius
- 📱 Responsive and fast with zero configuration
- ✅ Fully tested and production-ready
Example:
Text('Hello').withShimmerAi(loading: true);
📦 Getting Started
To use shimmer_ai, add it to your pubspec.yaml:
dependencies:
shimmer_ai: ^1.0.0
Then run flutter pub get in your terminal.
💡 Usage
Wrap any widget using the shimmer extension:
import 'package:shimmer_ai/shimmer_ai.dart';
@override
Widget build(BuildContext context) {
return Column(
children: [
// Shimmer on text
Text('Welcome').withShimmerAi(loading: true),
// Shimmer on image
Image.network('https://example.com/image.jpg')
.withShimmerAi(loading: true),
// Shimmer on card
Card(
child: ListTile(
title: Text('User'),
),
).withShimmerAi(loading: isLoading),
],
);
}
Control shimmer style using optional parameters:
Text('Loading...')
.withShimmerAi(
loading: true,
baseColor: Colors.grey.shade300,
highlightColor: Colors.grey.shade100,
borderRadius: 12,
);
📁 Example App
Check out the full working demo in the /example folder:
git clone https://github.com/karanpadaliya/shimmer_ai.git
cd shimmer_ai/example
flutter run
📚 Additional Information
- For issues or feature requests, visit the GitHub Issue Tracker
- Pull requests and contributions are welcome
- Maintained by Karan Padaliya – a passionate Flutter developer
- License:
MIT
✨ If you like this package, don't forget to ⭐ it on pub.dev and GitHub!
#flutter #shimmer #flutterui #skeletonloading #flutterpackage #flutterdev #flutteropensource