utils_x #

A collection of powerful Flutter widget extensions for cleaner, more expressive code. Developed by Dileep P. Add press effects, padding, styling, and more with simple chainable methods.

Features #

• Simple API - Chainable extensions that read naturally
• Rich Styling - Shadows, gradients, borders, blur, glassmorphism, neumorphism, shimmer effects
• Interaction Effects - Press effects, tap handlers, swipe gestures, drag & drop, hover states
• Layout Helpers - Padding, centering, sizing, scrollable, positioned shortcuts
• Visibility Control - Conditional rendering with animations, cross-fade, animated switcher
• Platform Ready - Works on mobile, web, and desktop

Installation #

Add to your pubspec.yaml:

dependencies:
  utils_x: ^1.1.0

Then run:

flutter pub get

Quick Start #

import 'package:utils_x/utils_x.dart';

// Before (verbose)
GestureDetector(
  onTap: () => print('Pressed!'),
  child: Padding(
    padding: EdgeInsets.all(16),
    child: ClipRRect(
      borderRadius: BorderRadius.circular(12),
      child: Container(child: Text('Hello')),
    ),
  ),
)

// After (clean & expressive)
Text('Hello')
    .padding(16)
    .rounded(12)
    .pressEffect(onTap: () => print('Pressed!'))

Extensions Reference #

Interaction Extensions #

// Press effect with options
MyButton().pressEffect(
  onTap: () => print('Pressed!'),
  scale: 0.95,
  duration: Duration(milliseconds: 100),
)

// Swipe gestures
Card(child: Text('Swipe me')).onSwipe(
  onSwipeLeft: () => print('Swiped left!'),
  onSwipeRight: () => print('Swiped right!'),
)

// Drag & Drop
Container(child: Text('Drag me')).draggable<String>(data: 'item_1')
Container(child: Text('Drop here')).dragTarget<String>(
  onAccept: (data) => print('Received: $data'),
)

Layout Extensions #

// Layout chain
Text('Hello')
    .padding(16)
    .centered()
    .fullWidth()

// Scrollable content
Column(children: [...]).scrollable()

// Stack positioning
Icon(Icons.close).positioned(top: 8, right: 8)

Styling Extensions #

// Glassmorphism card
Container(child: Text('Frosted Card'))
    .padding(16)
    .glassmorphism(blur: 10, opacity: 0.1)

// Shimmer loading
Container(
  width: 200,
  height: 50,
  color: Colors.grey[300],
).shimmer()

// Neumorphism
Container(
  padding: EdgeInsets.all(20),
  child: Icon(Icons.star),
).neumorphism()

// Gradient text
Text('Gradient Text', style: TextStyle(fontSize: 24))
    .shaderMask(colors: [Colors.blue, Colors.purple])

Visibility Extensions #

// Conditional rendering
AdminPanel().showIf(isAdmin)

// Animated visibility
Content().fadeVisible(isLoaded)
FloatingButton().fadeScaleVisible(isExpanded)

// Animated switching
currentWidget.animatedSwitcher(key: ValueKey(selectedIndex))

// Cross-fade between states
LoadingWidget().crossFade(
  showFirst: isLoading,
  secondChild: ContentWidget(),
)

General Extensions #

// Hero animation
Image.asset('photo.jpg').hero('photo_1')

// Card wrapper
ListTile(...).card(elevation: 4)

// Force rebuild with key
MyWidget().keyedSubtree(ValueKey('unique_key'))

Chaining Extensions #

Extensions can be chained for powerful, readable code:

Card(child: Text('Premium Feature'))
    .padding(16)
    .rounded(12)
    .withShadow(blur: 15)
    .pressEffect(onTap: () => openFeature())
    .showIf(isPremiumUser)
    .hero('premium_card')

Contributing #

Contributions are welcome! Please read our contributing guidelines before submitting a PR.

License #

MIT License - see the LICENSE file for details.

Developed by Dileep P for the Flutter community