35 Repositories
Flutter effect Libraries
In this project, we will design a travel app UI with a parallax effect for a unique scroll experience. You will learn how to create your own parallax effect without using external libraries.
Travel App UI In this part, we will design a travel app UI with a parallax effect for a unique scroll experience. You will learn how to create your ow
Hero Effect for common words of two Text (Flutter)
Hero Effect for common words of text widget (something like magic move in keynote) Features Usage Usage is easily and likes Hero,but obviously the chi
This is a view pager provides carousel effect and dismissal animation when page was removed.
This is a view pager provides carousel effect and dismissal animation when page was removed. Features Carousel effect Horizontal Vertical Dismissal an
Add a fading effect when the user can scroll.
Add a fading effect when the user can scroll. Demo Quickstart Add the dependency to fading_scroll to your pubspec.yaml file. flutter pub add clickup_f
A Flutter plugin to apply a gyroscope-based motion effect to widgets.
Motion for Flutter widgets This package adds a new Motion widget that applies a gyroscope-based effect to Flutter widgets. On desktop or when the gyro
Gyroscope-based Parallax Effect
sensor_image_demo A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you starte
The Ken Burns effect is a type of panning and zooming effect used in video production from still imagery.
KenBurns The Ken Burns effect is a type of panning and zooming effect used in video production from still imagery. First add to your dependencies: dep
A Flutter library to add the Common effect (line, bubble, dot ...) of tab indicator.
flutter_tab_indicator A Flutter library to add the Common effect (line, bubble, dot ...) of tab indicator. Showcases Installation Showcases Showcases
Sliding card is a highly customizable flutter package that will help you create beautiful Cards with a sliding animation effect.
Sliding Card Introduction Sliding card is a highly customizable flutter package that will help you create beautiful Cards with a sliding animation eff
Flutter remote control - The main use of LongPressDraggable and DragTarget to achieve the universal remote control interaction effect.
Flutter remote control - The main use of LongPressDraggable and DragTarget to achieve the universal remote control interaction effect.
A Flutter widget that will give a Glitch Animation Effect to it's child widget.
GlitchEffect A Flutter widget that will give a Glitch Animation Effect to it's child widget. Installation Add the latest version of package to your pu
Loading times are unavoidable in application development. From a user experience (UX) perspective
loading A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this
Animated shimmer - A simple & lightweight widget to display an animated shimmer effect
Animated Shimmer Supports Null Safety A simple & lightweight widget to display a
A flutter package which contains a collection of some cool and beautiful effects; support android and ios
flutter effects A flutter package which contains a collection of some cool and beautiful effects; support android and ios . Screenshot type support ch
A package provides an easy way to add shimmer effect in Flutter project
flutter_shimmer_widget A package provides an easy way to add shimmer effect in Flutter project Getting Started Animation Example Project There is a ex
Flutter UI Challenges for fun
flutter_fun Just small ui challenges for Fun. Glitch effect experiment IoT Humidity App Slider Design: https://dribbble.com/shots/6315218-IoT-Humidity
A custom navigation bar with bubble click effect in Flutter
custom_navigation_bar A custom navigation bar with bubble click effect. Overview This project is inspired by this post from Dribbble and The Boring Fl
Kenburns effect on flutter
KenBurns The Ken Burns effect is a type of panning and zooming effect used in video production from still imagery. Wrap your image with a KenBurns wid
Thanos snap effect in Flutter
snappable Thanos effect library in Flutter Check out blog post describing the package on Fidev. Examples Getting Started Import it import 'package:sna
Drop shadow effect for any widget in Flutter
DropShadow Drop shadow effect for any widget in flutter Parameters Widget child; // required double blurRadius; // default: 10.0 double borderRadius;
A custom Flutter value slider that makes a wave effect when dragged.
A Flutter slider that makes a wave effect when dragged. Does a little bounce when dropped. Demo Getting Started To use this plugin, add wave_slider as
Fancy list loading effect or The Shimmer Effect in Flutter
Shimmer Effect in Shimmer Effect is really cool placeholder effect that you can show when you are loading data in the form of a list. To do it in flut
Bottom navigation bar with sliding clip effect.
Sliding Clipped Nav Bar Design Credit Toolbar icons animation by Cuberto How to use? API reference barItems → ListBarItem List of bar items that sho
Page Turn Widget - Add a page turn effect to widgets in your app. Maintainer: @rodydavis
Page Turn Widget Add a page turn effect to widgets in your app. Created by Simon Lightfoot @slightfoot Screenshots Example import 'package:flutter/mat
A Flutter plugin to create views using concentric transition effect.
Concentric Transition A Flutter plugin to create views using Concentric Transition Clipper. Useful for onboarding, page transitions, custom clippers,
Flutter UI challenge- Parallax scroll effect
Flutter UI Challenge- "Urban Planners" Parallax Scroll About project The application was written based on this great UI concept: https://dribbble.com/
A button with ripple effect while being hold
ripple_button a button with ripple effect while being hold build requirements to run this project you need a working enviroment of flutter v2 or highe
Splash Screen with liquid swipe effect!
liquid_swipe_intro A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you start
this repo is testing the custom painter by changing according to slider value. It was intended to be used for volume control in audio player.
custom_paint_demo Trying a widget called custom paint Getting Started This project is a starting point for a Flutter application. A few resources to g
Make a timer application with a fancy neon effect and beautiful UI
Make a timer application with a fancy neon effect and beautiful UI
Flutter widget with pond ripple effect!
Ripple pond effect This project contains Ripple pond effect widget. It makes wave when you click on it! There is still many things to improve in this
2D water ripple effect for your flutter app
ripple_effect Create a 2D ripple effect using flutter and dart (Still experimental) Next experiments try using flutter ImageShader to make some calcul
A package provides an easy way to add shimmer effect in Flutter project
Shimmer A package provides an easy way to add shimmer effect in Flutter project How to use import 'package:shimmer/shimmer.dart'; SizedBox( width:
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