flutter_shaders_ui #

Collection of beautiful, ready-to-use Flutter widgets powered by GLSL fragment shaders. GPU-accelerated effects for Flutter UI — aurora, fire, glass, glow, ripple, shimmer, snow, water, waves and more.

Zero external dependencies — uses only the Flutter SDK.

Installation #

dependencies:
  flutter_shaders_ui: ^0.1.0

Quick Start #

import 'package:flutter_shaders_ui/flutter_shaders_ui.dart';

// Wave background
Scaffold(
  body: WaveBackground(
    color1: const Color(0xFF0D1B2A),
    color2: const Color(0xFF1B263B),
    child: Center(child: Text('Hello Shaders')),
  ),
)

// Glass card
ClipRRect(
  borderRadius: BorderRadius.circular(20),
  child: GlassEffect(
    frost: 0.4,
    opacity: 0.3,
    child: Padding(
      padding: EdgeInsets.all(16),
      child: CardContent(),
    ),
  ),
)

Available Effects #

Backgrounds #

Overlays #

Interactive #

Combining Effects #

Stack(
  children: [
    Positioned.fill(
      child: WaveBackground(
        color1: const Color(0xFF0B0E1A),
        color2: const Color(0xFF131B2E),
      ),
    ),
    Positioned.fill(
      child: GlowOrb.bouncing(
        color: const Color(0xFF6366F1),
        radius: 0.18,
        glowIntensity: 0.3,
      ),
    ),
    SafeArea(child: YourContent()),
  ],
)

Performance #

• GPU-accelerated — all effects run as GLSL fragment shaders on the GPU
• Compiled once and cached — ShaderCache prevents recompilation
• Zero cost when disabled — enabled: false renders only child, no GPU work
• Ticker-based animation — respects Flutter's frame scheduling
• RepaintBoundary — isolates shader repaints from the widget tree

Core API #

For building custom shader widgets:

See the full documentation for detailed widget docs and common patterns.

Requirements #

• Flutter >= 3.10.0
• Dart >= 3.0.0

License #

MIT — see LICENSE for details.