### Dart Glass Bottom Sheet Example

Source: https://github.com/jamalihassan0307/glassmorphic_ui_kit/blob/main/README.md

Demonstrates the usage of `showModalBottomSheet` to present a glassmorphic bottom sheet. The example includes a `GlassContainer` with a gradient and a list of options.

```dart
showModalBottomSheet(
  context: context,
  backgroundColor: Colors.transparent,
  builder: (context) => GlassContainer(
    height: 300,
    gradient: LinearGradient(
      begin: Alignment.topLeft,
      end: Alignment.bottomRight,
      colors: [
        Colors.white.withAlpha(51),
        Colors.white.withAlpha(26),
      ],
    ),
    child: Column(
      mainAxisSize: MainAxisSize.min,
      children: [
        ListTile(
          leading: Icon(Icons.share, color: Colors.white),
          title: Text('Share', style: TextStyle(color: Colors.white)),
          onTap: () => Navigator.pop(context),
        ),
        ListTile(
          leading: Icon(Icons.edit, color: Colors.white),
          title: Text('Edit', style: TextStyle(color: Colors.white)),
          onTap: () => Navigator.pop(context),
        ),
      ],
    ),
  ),
)
```

--------------------------------

### Dart Glass Dialog Example

Source: https://github.com/jamalihassan0307/glassmorphic_ui_kit/blob/main/README.md

Illustrates how to display a glassmorphic dialog using `showDialog`. The dialog features a title, content, and action buttons, all styled with glassmorphic properties.

```dart
showDialog(
  context: context,
  builder: (context) => GlassDialog(
    title: Text(
      'Glass Dialog',
      style: TextStyle(
        color: Colors.white,
        fontSize: 24,
        fontWeight: FontWeight.bold,
      ),
    ),
    content: Text(
      'This is a glassmorphic dialog with blur effect and gradient overlay.',
      style: TextStyle(color: Colors.white),
    ),
    actions: [
      GlassButton(
        onPressed: () => Navigator.pop(context),
        child: Text('Cancel', style: TextStyle(color: Colors.white)),
      ),
      GlassButton(
        onPressed: () => Navigator.pop(context, true),
        child: Text('Confirm', style: TextStyle(color: Colors.white)),
      ),
    ],
  ),
)
```

--------------------------------

### Dart Glass Text Field Example

Source: https://github.com/jamalihassan0307/glassmorphic_ui_kit/blob/main/README.md

Provides an example of a glassmorphic text field with a controller, hint text, blur effect, border radius, gradient, and custom input decoration including a prefix icon.

```dart
GlassTextField(
  controller: _textController,
  hintText: 'Enter text...',
  blur: 10,
  borderRadius: BorderRadius.circular(15),
  gradient: LinearGradient(
    colors: [
      Colors.white.withAlpha(51),
      Colors.white.withAlpha(26),
    ],
  ),
  style: TextStyle(color: Colors.white),
  cursorColor: Colors.white,
  decoration: InputDecoration(
    prefixIcon: Icon(Icons.search, color: Colors.white70),
    border: InputBorder.none,
    hintStyle: TextStyle(color: Colors.white70),
  ),
)
```

--------------------------------

### Dart Glass Button Example

Source: https://github.com/jamalihassan0307/glassmorphic_ui_kit/blob/main/README.md

Demonstrates how to create a glassmorphic button with custom onPressed action, blur, border radius, gradient, padding, and child content including an icon and text.

```dart
GlassButton(
  onPressed: () => print('Button pressed'),
  blur: 10,
  borderRadius: BorderRadius.circular(15),
  gradient: LinearGradient(
    colors: [
      Colors.blue.withAlpha(77),
      Colors.purple.withAlpha(51),
    ],
  ),
  padding: EdgeInsets.symmetric(horizontal: 32, vertical: 16),
  child: Row(
    mainAxisSize: MainAxisSize.min,
    children: [
      Icon(Icons.add, color: Colors.white),
      SizedBox(width: 8),
      Text("Glass Button", style: TextStyle(color: Colors.white)),
    ],
  ),
)
```

--------------------------------

### Dart Glass Card Example

Source: https://github.com/jamalihassan0307/glassmorphic_ui_kit/blob/main/README.md

Shows how to implement a glassmorphic card with a specified width, height, blur, border radius, and gradient. The card can contain any child widget, here demonstrated with a Column containing text.

```dart
GlassCard(
  width: double.infinity,
  height: 200,
  blur: 20,
  borderRadius: BorderRadius.circular(20),
  gradient: LinearGradient(
    begin: Alignment.topLeft,
    end: Alignment.bottomRight,
    colors: [
      Colors.white.withAlpha(51),
      Colors.white.withAlpha(26),
    ],
  ),
  child: Padding(
    padding: EdgeInsets.all(16),
    child: Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Text(
          "Glass Card Title",
          style: TextStyle(
            color: Colors.white,
            fontSize: 24,
            fontWeight: FontWeight.bold,
          ),
        ),
        SizedBox(height: 8),
        Text(
          "This is a card with glass effect that can contain any widget.",
          style: TextStyle(color: Colors.white70),
        ),
      ],
    ),
  ),
)
```

--------------------------------

### Add Glassmorphic UI Kit Dependency (YAML)

Source: https://github.com/jamalihassan0307/glassmorphic_ui_kit/blob/main/README.md

This snippet shows how to add the glassmorphic_ui_kit package as a dependency to your Flutter project's pubspec.yaml file. This is the first step to start using the package's features.

```yaml
dependencies:
  glassmorphic_ui_kit: ^1.1.5
```

--------------------------------

### Build Glassmorphic Navigation Rail in Dart

Source: https://github.com/jamalihassan0307/glassmorphic_ui_kit/blob/main/README.md

Provides an example of creating a glassmorphic navigation rail with GlassNavigationRail and GlassNavigationRailDestination. This component is suitable for displaying navigation destinations vertically and supports customization of elevation, gradient, and leading widgets.

```dart
GlassNavigationRail(
  selectedIndex: _selectedIndex,
  onDestinationSelected: (index) => setState(() => _selectedIndex = index),
  elevation: 1,
  gradient: LinearGradient(
    colors: [
      Colors.purple.withAlpha(77),
      Colors.blue.withAlpha(51),
    ],
  ),
  leading: CircleAvatar(
    radius: 20,
    backgroundColor: Colors.white24,
    child: Icon(Icons.person, color: Colors.white),
  ),
  destinations: const [
    GlassNavigationRailDestination(
      icon: Icon(Icons.dashboard_outlined),
      selectedIcon: Icon(Icons.dashboard),
      label: Text('Dashboard'),
    ),
    GlassNavigationRailDestination(
      icon: Icon(Icons.analytics_outlined),
      selectedIcon: Icon(Icons.analytics),
      label: Text('Analytics'),
    ),
  ],
)
```

--------------------------------

### Glassmorphic Theming

Source: https://github.com/jamalihassan0307/glassmorphic_ui_kit/blob/main/README.md

Demonstrates how to create and apply a consistent glassmorphic theme across an application using a `GlassTheme` object. This includes defining blur, opacity, border radius, and gradients.

```dart
final glassTheme = GlassTheme(
  blur: 10.0,
  opacity: 0.2,
  borderRadius: BorderRadius.circular(15),
  gradient: LinearGradient(
    begin: Alignment.topLeft,
    end: Alignment.bottomRight,
    colors: [
      Colors.white.withAlpha(51),
      Colors.white.withAlpha(26),
    ],
  ),
);

// Use the theme
GlassContainer(
  blur: glassTheme.blur,
  opacity: glassTheme.opacity,
  borderRadius: glassTheme.borderRadius,
  gradient: glassTheme.gradient,
  child: YourWidget(),
)
```

--------------------------------

### Implement Glassmorphic Navigation Drawer in Dart

Source: https://github.com/jamalihassan0307/glassmorphic_ui_kit/blob/main/README.md

Demonstrates how to create a glassmorphic navigation drawer using the GlassNavigationDrawer widget. It allows customization of blur, opacity, gradient, and includes a UserAccountsDrawerHeader and ListTiles for navigation items.

```dart
GlassNavigationDrawer(
  blur: 10,
  opacity: 0.2,
  gradient: LinearGradient(
    begin: Alignment.topLeft,
    end: Alignment.bottomRight,
    colors: [
      Colors.white.withAlpha(51),
      Colors.white.withAlpha(26),
    ],
  ),
  children: [
    UserAccountsDrawerHeader(
      decoration: BoxDecoration(color: Colors.transparent),
      accountName: Text('John Doe'),
      accountEmail: Text('john.doe@example.com'),
      currentAccountPicture: CircleAvatar(
        child: Icon(Icons.person),
      ),
    ),
    ListTile(
      leading: Icon(Icons.home, color: Colors.white),
      title: Text('Home', style: TextStyle(color: Colors.white)),
      onTap: () => Navigator.pop(context),
    ),
  ],
)
```

--------------------------------

### Basic Glass Container

Source: https://github.com/jamalihassan0307/glassmorphic_ui_kit/blob/main/README.md

A fundamental glassmorphic container widget. It allows setting width, height, blur, border radius, and a gradient for the glass effect. It can also host child widgets.

```dart
GlassContainer(
  width: 300,
  height: 200,
  blur: 20,
  borderRadius: BorderRadius.circular(15),
  gradient: LinearGradient(
    colors: [
      Colors.white.withAlpha(51),  // 0.2 opacity
      Colors.white.withAlpha(26),  // 0.1 opacity
    ],
  ),
  child: Center(child: Text("Glassmorphic Container")),
)
```

--------------------------------

### Glass Drawer

Source: https://github.com/jamalihassan0307/glassmorphic_ui_kit/blob/main/README.md

A drawer component featuring a glassmorphic aesthetic. It allows customization of blur and opacity, and can contain a Column of glass drawer tiles with leading icons and titles.

```dart
GlassDrawer(
  blur: 10,
  opacity: 0.2,
  child: Column(
    children: [
      GlassDrawerTile(
        leading: Icon(Icons.home),
        title: Text('Home'),
        onTap: () {},
      ),
      GlassDrawerTile(
        leading: Icon(Icons.settings),
        title: Text('Settings'),
        onTap: () {},
      ),
    ],
  ),
)
```

--------------------------------

### Glass Bottom Navigation Bar

Source: https://github.com/jamalihassan0307/glassmorphic_ui_kit/blob/main/README.md

A bottom navigation bar with a glassmorphic design. It allows setting the current index, handling taps, and defining navigation items with icons and labels.

```dart
GlassBottomNavigationBar(
  currentIndex: _currentIndex,
  onTap: (index) => setState(() => _currentIndex = index),
  items: const [
    GlassBottomNavigationBarItem(
      icon: Icon(Icons.home),
      label: 'Home',
    ),
    GlassBottomNavigationBarItem(
      icon: Icon(Icons.search),
      label: 'Search',
    ),
  ],
)
```

--------------------------------

### Glass Progress Indicator

Source: https://github.com/jamalihassan0307/glassmorphic_ui_kit/blob/main/README.md

Displays a progress indicator with a glassmorphic effect. It allows customization of value, height, blur, border radius, and gradient.

```dart
GlassProgressIndicator(
  value: 0.7, // 70% progress
  height: 8.0,
  blur: 10,
  borderRadius: BorderRadius.circular(4),
  gradient: LinearGradient(
    colors: [
      Colors.blue.withAlpha(77),
      Colors.purple.withAlpha(51),
    ],
  ),
)
```

```dart
GlassProgressIndicator(
  value: 0.7, // 70% progress
  height: 8.0,
  blur: 10,
  borderRadius: BorderRadius.circular(4),
)
```

--------------------------------

### Create Glassmorphic Container in Dart

Source: https://github.com/jamalihassan0307/glassmorphic_ui_kit/blob/main/README.md

Shows how to create a glassmorphic container using the GlassContainer widget. This component supports customizable width, height, blur, border radius, and gradients, making it versatile for various UI elements.

```dart
GlassContainer(
  width: 300,
  height: 200,
  blur: 20,
  borderRadius: BorderRadius.circular(15),
  gradient: LinearGradient(
    begin: Alignment.topLeft,
    end: Alignment.bottomRight,
    colors: [
      Colors.white.withAlpha(51),
      Colors.white.withAlpha(26),
    ],
  ),
  child: Center(child: Text("Glassmorphic Container")),
)
```

--------------------------------

### Implement Glassmorphic Tab Bar in Dart

Source: https://github.com/jamalihassan0307/glassmorphic_ui_kit/blob/main/README.md

Demonstrates the usage of the GlassTabBar widget to create a glassmorphic tab bar. This component requires a TabController and allows defining multiple tabs with text labels.

```dart
GlassTabBar(
  controller: _tabController,
  tabs: const [
    Tab(text: 'Photos'),
    Tab(text: 'Videos'),
    Tab(text: 'Files'),
  ],
)
```

--------------------------------

### Create Glassmorphic Navigation Bar in Dart

Source: https://github.com/jamalihassan0307/glassmorphic_ui_kit/blob/main/README.md

Shows how to implement a glassmorphic navigation bar using GlassNavigationBar and GlassNavigationDestination. This component allows users to select different destinations with customizable icons, selected icons, and labels.

```dart
GlassNavigationBar(
  selectedIndex: _selectedIndex,
  onDestinationSelected: (index) => setState(() => _selectedIndex = index),
  destinations: [
    GlassNavigationDestination(
      icon: Icon(Icons.home_outlined, color: Colors.white70),
      selectedIcon: Icon(Icons.home, color: Colors.white),
      label: 'Home',
    ),
    GlassNavigationDestination(
      icon: Icon(Icons.favorite_outline, color: Colors.white70),
      selectedIcon: Icon(Icons.favorite, color: Colors.white),
      label: 'Favorites',
    ),
    GlassNavigationDestination(
      icon: Icon(Icons.person_outline, color: Colors.white70),
      selectedIcon: Icon(Icons.person, color: Colors.white),
      label: 'Profile',
    ),
  ],
)
```

--------------------------------

### Animated Glass Container

Source: https://github.com/jamalihassan0307/glassmorphic_ui_kit/blob/main/README.md

An animated container with a glassmorphic effect that can change its dimensions and blur based on a state. It includes a child widget and customizable gradient.

```dart
AnimatedGlassContainer(
  duration: Duration(milliseconds: 500),
  width: _isExpanded ? 300 : 200,
  height: _isExpanded ? 200 : 100,
  blur: _isExpanded ? 20 : 10,
  gradient: LinearGradient(
    colors: [
      Colors.white.withAlpha(_isExpanded ? 51 : 26),
      Colors.white.withAlpha(_isExpanded ? 26 : 13),
    ],
  ),
  child: Center(
    child: Text(
      "Tap to Animate",
      style: TextStyle(color: Colors.white),
    ),
  ),
)
```

--------------------------------

### Glass Button

Source: https://github.com/jamalihassan0307/glassmorphic_ui_kit/blob/main/README.md

A button component styled with a glassmorphic effect. It supports an onPressed callback, blur, border radius, and can display child widgets like Text.

```dart
GlassButton(
  onPressed: () => print('Button pressed'),
  blur: 10,
  borderRadius: BorderRadius.circular(15),
  child: Text("Glass Button"),
)
```

--------------------------------

### Glass Slider

Source: https://github.com/jamalihassan0307/glassmorphic_ui_kit/blob/main/README.md

A slider component with a glassmorphic appearance. It supports value, onChanged callback, min/max values, divisions, labels, custom colors, blur, and border radius.

```dart
GlassSlider(
  value: _sliderValue,
  onChanged: (value) => setState(() => _sliderValue = value),
  min: 0.0,
  max: 100.0,
  divisions: 10,
  label: '${_sliderValue.round()}',
  activeColor: Colors.white.withAlpha(200),
  inactiveColor: Colors.white.withAlpha(100),
  blur: 10,
  borderRadius: BorderRadius.circular(10),
)
```

--------------------------------

### Glass Navigation Rail

Source: https://github.com/jamalihassan0307/glassmorphic_ui_kit/blob/main/README.md

A navigation rail component with a glassmorphic style. It supports selected index, destination selection callbacks, elevation, gradients, leading widgets, and customizable destinations with icons and labels.

```dart
GlassNavigationRail(
  selectedIndex: _selectedIndex,
  onDestinationSelected: (index) => setState(() => _selectedIndex = index),
  elevation: 1, // New parameter for proper elevation
  gradient: LinearGradient(
    colors: [
      Colors.purple.withAlpha(77),
      Colors.blue.withAlpha(51),
    ],
  ),
  leading: Column(
    children: [
      CircleAvatar(
        radius: 20,
        backgroundColor: Colors.white24,
        child: Icon(Icons.person, color: Colors.white),
      ),
      SizedBox(height: 8),
      Container(
        width: 40,
        height: 4,
        decoration: BoxDecoration(
          color: Colors.white24,
          borderRadius: BorderRadius.circular(2),
        ),
      ),
    ],
  ),
  destinations: const [
    GlassNavigationRailDestination(
      icon: Icon(Icons.dashboard_outlined, color: Colors.white70),
      selectedIcon: Icon(Icons.dashboard, color: Colors.white),
      label: Text('Dashboard'),
    ),
    GlassNavigationRailDestination(
      icon: Icon(Icons.analytics_outlined, color: Colors.white70),
      selectedIcon: Icon(Icons.analytics, color: Colors.white),
      label: Text('Analytics'),
    ),
  ],
)
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.