This repository demonstrates use of various widgets in flutter and tricks to create beautiful UI elements in flutter for Android and IOS

Last update: May 20, 2022

AwesomeFlutterUI

The purpose of this repository is to demonstrate the use of different widgets and tricks in flutter and how to use them in your project. To know whats under the hood please checkout my blog on how this is crafted https://medium.com/@ssuubbiirr/creating-awesome-login-screen-in-flutter-88d46c0d76ae

Login Screen UI

This beautiful login screen is made using ClipPath, CustomClipper, ClipOval, BoxDecoration etc. All the shapes are made programtically.

Inspiration

This Design is inspired from Sandip Ramani's Best Mobile APP Login, Sign up Concept :)

https://www.uplabs.com/posts/best-mobile-app-login-sign-up-concept

GitHub

https://github.com/SubirZ/Awesome_Flutter_UI
You might also like...

Random is a social media flutter application for both android and ios with frontend implementation

Random is a social media flutter application for both android and ios with frontend implementation

Random, A Social Media App A new Flutter application which represents the implementation of completely new design of Social media app for both Android

Jun 29, 2022

Change Application's name, package name, icon and Splash in one shot by one Command on Android & IOS

Change Application's name, package name, icon and Splash in one shot by one Command on Android & IOS

Change Application's name, package name, icon and Splash in one shot by one Command on Android & IOS. Installing dart pub global activate before_publi

Jun 21, 2022

A flutter package which will help you to generate pin code fields with beautiful design and animations

A flutter package which will help you to generate pin code fields with beautiful design and animations

A flutter package which will help you to generate pin code fields with beautiful design and animations. Can be useful for OTP or pin code inputs 🤓 🤓

Aug 13, 2022

A new Flutter dialog with a series of beautiful animations, slide fade rotate size scale rotate3D animations.

A new Flutter dialog with a series of beautiful animations, slide fade rotate size scale rotate3D animations.

flutter_animated_dialog A new Flutter dialog with a series of beautiful animations, slide fade rotate size scale rotate3D animations. Dialog barrier i

Apr 4, 2022

Beautiful TabBar Interaction with Sliding Inset FABs, made with Flutter Dart.

Beautiful TabBar Interaction with Sliding Inset FABs, made with Flutter Dart.

#Flutter Tab Bar Interaction Beautiful TabBar Interaction with Sliding Inset FABs, made with Flutter Dart. Pure Dart. No native dependencies. No linki

Nov 4, 2021

Beautiful-Login-Design - A design challenge made in flutter + custompainter

Beautiful-Login-Design - A design challenge made in flutter + custompainter

Login Design This little project was proposed in [Flutter & Dart en Español] gro

Jul 18, 2022

A widget for stacking cards, which users can swipe horizontally and vertically with beautiful animations.

A widget for stacking cards, which users can swipe horizontally and vertically with beautiful animations.

A widget for stacking cards, which users can swipe horizontally and vertically with beautiful animations.

Jul 20, 2022

A catalog of beautiful, reusable and elegant animations

A catalog of beautiful, reusable and elegant animations

Animations Catalog The goal of this project is to catalog and build multiple animation patterns with flutter. Budget App Animation Harley Swipe To Enl

Sep 6, 2021

Beautiful Animated ListView and GridView

staggered_animated_listview Beautiful Animated ListView and GridView Online Preview Getting Started This project is a starting point for a Flutter app

Dec 11, 2021
Comments
  • 1. Button doesnt use RaisedButton widget

    Hi thanks for sharing this good work But since you dont use RaisedButton for creating those button they look dead cause they dont have hover effects etc

    Reviewed by taliptako at 2019-03-19 16:36

Related

A flutter package which contains a collection of some cool and beautiful effects; support android and ios
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

Aug 15, 2022
🔔 A flutter package to create cool and beautiful text animations. [Flutter Favorite Package]
🔔  A flutter package to create cool and beautiful text animations. [Flutter Favorite Package]

Animated Text Kit A flutter package which contains a collection of some cool and awesome text animations. Recommended package for text animations in C

Aug 11, 2022
✨A clean and lightweight loading/toast widget for Flutter, easy to use without context, support iOS、Android and Web
✨A clean and lightweight loading/toast widget for Flutter, easy to use without context, support iOS、Android and Web

Flutter EasyLoading English | 简体中文 Live Preview ?? https://nslog11.github.io/flutter_easyloading Installing Add this to your package's pubspec.yaml fi

Aug 14, 2022
Widgets for creating Hero-like animations between two widgets within the same screen.
Widgets for creating Hero-like animations between two widgets within the same screen.

flutter_sidekick Widgets for creating Hero-like animations between two widgets within the same screen. Features Hero-like animations. Allow you to spe

Jul 28, 2022
A beautiful animated flutter widget package library. The tab bar will attempt to use your current theme out of the box, however you may want to theme it.
A beautiful animated flutter widget package library. The tab bar will attempt to use your current theme out of the box, however you may want to theme it.

Motion Tab Bar A beautiful animated widget for your Flutter apps Preview: | | Getting Started Add the plugin: dependencies: motion_tab_bar: ^0.1.5 B

Jul 28, 2022
In this repo you can expertise how to build various User Interface in Flutter
In this repo you can expertise how to build various User Interface in Flutter

?? Flutter UI ?? Introduction The language used here is Dart, which is a object oriented programming language with the sdk called Flutter,It's a googl

Jun 17, 2022
A customizable and easy to use UI widgets to help develop apps faster
A customizable and easy to use UI widgets to help develop apps faster

Lenore UI Beautiful, customizable and easy to use UI widgets to help me (or maybe you) develop my (or maybe your) apps faster. This is my personal pac

Dec 5, 2021
A tween that allow defining keyframes for various properties.

keyframes_tween A tween that allow defining keyframes for various properties. Quickstart import 'package:keyframes_tween/keyframes_tween.dart'; class

Apr 10, 2021
Simple to use yet powerfull style widgets with syntax inspired by CSS.
Simple to use yet powerfull style widgets with syntax inspired by CSS.

Division Simple to use yet powerfull style widgets with syntax inspired by CSS. Please check out styled_widget which is a replacement of Division! The

Jun 13, 2022
Create powerful animations in Flutter and use the hero animation for complex animations
Create powerful animations in Flutter and use the hero animation for complex animations

Hero Animation - Locations UI - Flutter Create powerful animations in Flutter and use the hero animation for complex animations. ⚡  Social Media  Twit

Dec 11, 2021