2D water ripple effect for your flutter app

Related tags

UI ripple-effect
Overview

ripple_effect

Create a 2D ripple effect using flutter and dart (Still experimental)

flutter anchored onboarding screen

Next experiments

  • try using flutter ImageShader to make some calculation on GPU
  • try using flutter FragmentShader (coming soon on flutter) https://github.com/flutter/engine/pull/26996
  • rust + dart ffi
  • isolates group to share image memory data
You might also like...

Flutter-business-card-app - Flutter + Dart business card mobile app

Flutter-business-card-app - Flutter + Dart business card mobile app

Dart + Flutter Business Card Mobile Application

Nov 8, 2022

An app which has only UI of a multimedia app. Designed with Flutter.

An app which has only UI of a multimedia app. Designed with Flutter.

multimedia_app ---ScreenShots--- | | | | Getting Started This project is a starting point for a Flutter application. A few resources to get you starte

Jul 14, 2022

Movies App UI in Flutter using Simple Widgets without Using API's in Flutter.

Movies App UI in Flutter using Simple Widgets without Using API's in Flutter.

Movies App UI in Flutter using Simple Widgets without Using API's in Flutter.

May 15, 2022

Flutter Complete E-Commerce app (UI by - 'The Flutter Way')

NOT COMPLETED YET! e_commerce A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to ge

Mar 8, 2022

Flutter Shop UI - an e-commerce app using Flutter

Flutter Shop UI - an e-commerce app using Flutter

If you are planning to create an e-commerce app using Flutter then this Shop UI Kit would be the perfect choice for you to make a gorgeous app for both Android & iOS.

Nov 21, 2022

The app to demo animation with Flutter by implement Facebook reactions

The app to demo animation with Flutter by implement Facebook reactions

Facebook Reactions Animation Description The app to demo animation with Flutter by implement Facebook reactions. Watch the demo video for more clarity

Jan 8, 2023

Nice and clean Online Shop app UI by using #Flutter.

Nice and clean Online Shop app UI by using #Flutter.

On our E-commerce app UI has two pages one for the product page which has a horizontal list of categories then a list of our products. Then on the details page, it shows the price and short description of the product with the Buy Now button. The best part of our E-commerce app is, each product has its own color which looks great.

Jan 3, 2023

A simple number ticker for flutter app.

A simple number ticker for flutter app.

Number Ticker Number_ticker is a dart package that provides a Robinhood-like number ticker widget for displaying changing number. Usage import 'packag

Jun 18, 2022

Attempt to learn flutter and clone my favourite Google Keep App.

Note App Flutter Attempt to learn flutter and clone my favourite Google Keep App. Getting Started This project is a starting point for a Flutter appli

Oct 31, 2022
Comments
  • CachedNetworkImage with placeholder will cause afterimage

    CachedNetworkImage with placeholder will cause afterimage

    RippleEffect(
            pulsations: 2.4,
            dampening: .95,
            child: Container(
              height: 100,
              width: double.infinity,
              child: CachedNetworkImage(
                imageUrl: 'https://xxxx',
                fit: BoxFit.cover,
                placeholder: (ctx, url) => Center(
                  // !!! <---  after loading the network image successful, this circle indicator will appear again.
                  // !!!     But if I remove the RippleEffect widget, the circle indicator will disappear after successful loading network image.
                  child: LoadingIndicator(
                    indicatorType: Indicator.ballSpinFadeLoader,
                    strokeWidth: 1,
                  ),
                ),
              ),
            ),
    );
    

    used packages:

    cached_network_image: 3.2.0
    loading_indicator: 3.0.2
    

    environment:

    Flutter 2.8.1 • channel stable • https://github.com/flutter/flutter.git
    Framework • revision 77d935af4d (3 weeks ago) • 2021-12-16 08:37:33 -0800
    Engine • revision 890a5fca2e
    Tools • Dart 2.15.1
    
    opened by sleepreading 2
Owner
Gautier
Gautier
Tinder like cards swipe effect with Flutter.

Tinder cards Hi! After showcasing Focus for Reddit, the app I am working on, people asked me how did I do the tinder like cards swipe (posts media are

Ivascu Adrian 733 Jan 7, 2023
A flutter package to help you beautify your app popups.

flutter_beautiful_popup 中文 A flutter package to help you beautify your app popup, can be used in all platform.Live Demo. Preview: Getting Started Add

朱嘉伟 568 Dec 30, 2022
A nice clean onboarding screen for your e-commerce app that can run both Andriod and iOS devices because it builds with flutter

A nice clean onboarding screen for your e-commerce app that can run both Andriod and iOS devices because it builds with flutter

null 23 Dec 4, 2022
The Coolicons icon pack for Flutter with over 400 icons available for your flutter project.

coolicons This flutter package allows you to use the Coolicons icon pack. Made from Coolicons. ?? Installation In the dependencies: section of your pu

Stephen Joel 1 May 24, 2022
A Flutter Widget Approach for using HTML tags & CSS styles in your upcoming Apps.

html_widgets A Flutter Widget Approach for using HTML tags & CSS styles in your upcoming Apps. Text Widgets *text property is required for all the tex

XenonLabz 7 Jul 14, 2022
Code generation for Flutter Padding widgets based on your constants

Paddinger Paddinger is a Flutter package to generate Padding widgets. Given a set of constants like: @paddinger const double PADDING_NORMAL = 8; A set

Emanuele 14 Oct 20, 2022
A better way for new feature introduction and step-by-step users guide for your Flutter project.

A better way for new feature introduction and step-by-step users guide for your Flutter project.

好未来技术 139 Oct 26, 2022
A Flutter package to easily create a Credit Card in your application.

Awesome Card A flutter package to create a Credit Card widget in your application. Stay tuned for the latest updates: ?? Screenshots ⚙️ Installation I

Vivek Kaushik 142 Dec 1, 2022
HSV(HSB)/HSL/RGB/Material color picker inspired by all the good design for your amazing flutter apps.

flutter_colorpicker HSV(HSB)/HSL/RGB/Material color picker inspired by all the good design for your amazing flutter apps. Adorable color pickers out o

Dark Knight 279 Dec 30, 2022
Keyviz is a free and open-source software to visualize your ⌨️ keystrokes in realtime

Keyviz is a free and open-source software to visualize your ⌨️ keystrokes in realtime! Let your audience know what handy shortcuts/keys you're pressing during screencasts, presentations, collaborations, or whenever you need it.

Derek Jones 8 Oct 31, 2022