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 effects
• Interaction Effects - Press effects, tap handlers, hover states
• Layout Helpers - Padding, centering, sizing shortcuts
• Visibility Control - Conditional rendering with animations
• Platform Ready - Works on mobile, web, and desktop

Installation #

Add to your pubspec.yaml:

dependencies:
  utils_x: ^1.0.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),
  curve: Curves.easeInOut,
)

// Simple tap
Icon(Icons.favorite).onTap(() => likePost())

// Material ripple
Container(child: Text('Tap me')).ripple(onTap: () {})

Layout Extensions #

Text('Hello')
    .padding(16)
    .centered()
    .fullWidth()

// In a Row/Column
Text('Expand me').expanded(flex: 2)

Styling Extensions #

// Styled card
Container(child: Text('Card'))
    .padding(16)
    .withBackground(Colors.white)
    .rounded(12)
    .withShadow(blur: 20, color: Colors.black12)

// Glassmorphism
Container(
  color: Colors.white.withOpacity(0.1),
  child: Text('Frosted'),
).blur(10).rounded(16)

// Gradient background
Text('Gradient').withGradient(
  colors: [Colors.blue, Colors.purple],
  borderRadius: BorderRadius.circular(8),
)

Visibility Extensions #

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

// Remove if condition is true
EditButton().gone(!isOwner)

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

General Extensions #

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

// Accessibility
Icon(Icons.add).semanticsLabel('Add new item')

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