liquid_glass_bottom_navbar_plus 0.0.1 copy "liquid_glass_bottom_navbar_plus: ^0.0.1" to clipboard
liquid_glass_bottom_navbar_plus: ^0.0.1 copied to clipboard

A drop-in Flutter bottom bar with Apple iOS 26 Liquid Glass — refraction, specular highlights, fluid morph and scroll-minimize, with a frosted fallback.

example/lib/main.dart

import 'package:flutter/material.dart';

import 'pages/home_page.dart';

void main() => runApp(const LiquidGlassDemoApp());

/// Demo app: a menu of Liquid Glass demos with a light/dark toggle.
class LiquidGlassDemoApp extends StatefulWidget {
  /// Creates the demo app.
  const LiquidGlassDemoApp({super.key});

  @override
  State<LiquidGlassDemoApp> createState() => _LiquidGlassDemoAppState();
}

class _LiquidGlassDemoAppState extends State<LiquidGlassDemoApp> {
  ThemeMode _mode = ThemeMode.dark;

  void _toggleBrightness() {
    setState(() {
      _mode = _mode == ThemeMode.dark ? ThemeMode.light : ThemeMode.dark;
    });
  }

  @override
  Widget build(BuildContext context) {
    const seed = Color(0xFF0A84FF);
    return MaterialApp(
      title: 'Liquid Glass Bottom Bar',
      debugShowCheckedModeBanner: false,
      theme: ThemeData(brightness: Brightness.light, colorSchemeSeed: seed),
      darkTheme: ThemeData(brightness: Brightness.dark, colorSchemeSeed: seed),
      themeMode: _mode,
      home: HomePage(onToggleBrightness: _toggleBrightness),
    );
  }
}
10
likes
160
points
141
downloads

Documentation

API reference

Publisher

verified publisherburakoz.site

Weekly Downloads

A drop-in Flutter bottom bar with Apple iOS 26 Liquid Glass — refraction, specular highlights, fluid morph and scroll-minimize, with a frosted fallback.

Repository (GitHub)
View/report issues

Topics

#liquid-glass #glassmorphism #navigation-bar #bottom-bar #shader

License

MIT (license)

Dependencies

flutter, flutter_shaders

More

Packages that depend on liquid_glass_bottom_navbar_plus