flutter_animated_skeleton 0.1.0
flutter_animated_skeleton: ^0.1.0 copied to clipboard
Impeller-optimized skeleton/shimmer loader with presets and themes.
Changelog #
All notable changes to this project will be documented in this file.
The format is based on Keep a Changelog, and this project adheres to Semantic Versioning.
0.1.0 - 2025-08-13 #
Added #
Core Components
- SkeletonLoader: Main widget providing skeleton loading with shimmer effects
- SkeletonTheme: Inherited widget for consistent theming across skeleton components
- SkeletonThemeData: Theme configuration with light/dark presets
Primitive Skeletons
- RectSkeleton: Rectangular skeleton placeholders with customizable dimensions
- CircleSkeleton: Circular skeleton placeholders for avatars and icons
- LineSkeleton: Line skeleton placeholders for text content
- RoundedSkeleton: Rounded rectangular skeleton placeholders
Preset Components
- SkeletonListTile: Pre-configured skeleton for list items with leading, title, subtitle, and trailing elements
- SkeletonCard: Pre-configured skeleton for card layouts with optional image, title, subtitle, and action buttons
- SkeletonProfileHeader: Pre-configured skeleton for profile headers with avatar, name, and subtitle
Layout Helpers
- SkeletonList: List view helper for generating skeleton list items
- SkeletonGrid: Grid view helper for generating skeleton grid items
Animation System
- GPU-accelerated shimmer effects with fragment shader support
- Gradient-based fallback for shimmer animations
- Customizable animation duration, intensity, and direction
- Smooth 60fps animations optimized for Impeller
Theming & Customization
- Light and dark theme presets
- Customizable base and highlight colors
- Density scaling for different screen sizes
- Elevation support for card-like skeleton elements
- Brightness-aware theme switching
Performance Optimizations
- Reused animation controllers and shaders
- Efficient painting with minimal overdraw
- Frame budget compliant rendering (< 4ms paint time)
- Memory-efficient resource management
Features #
- 🚀 Production Ready: Thoroughly tested and optimized for production use
- ✨ Smooth Animations: 60fps shimmer effects with GPU acceleration
- 🎨 Highly Customizable: Extensive theming and configuration options
- 🧩 Modular Design: Mix and match components or use complete presets
- 📱 Responsive: Automatic adaptation to different screen densities
- 🌙 Dark Mode: Built-in support for light and dark themes
- ⚡ Performance: Optimized for Impeller with efficient resource usage
Example App #
- Comprehensive demo application showcasing all features
- Interactive controls for toggling skeletons and shimmer effects
- Light/dark theme switching
- Multiple screen layouts (List, Grid, Profile)
- Real content comparison views
Documentation #
- Complete API documentation with examples
- Performance optimization guidelines
- Integration best practices
- Customization tutorials