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

Overview

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

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

Nov 18, 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

Oct 27, 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 🤓 🤓

Dec 23, 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

Dec 3, 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

Nov 3, 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.

Jan 6, 2023

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
  • Button doesnt use RaisedButton widget

    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

    opened by taliptako 0
Owner
Subir Chakraborty
SDE 2(Android) I love coding while sipping coffee
Subir Chakraborty
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

大海豚 462 Jan 3, 2023
🔔 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

Ayush Agarwal 1.4k Jan 6, 2023
✨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

nslog11 1k Jan 9, 2023
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

Romain Rastel 291 Oct 21, 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.

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

Rezaul Islam 237 Nov 15, 2022
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

navee-ramesh 17 Nov 5, 2022
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

Aloïs Deniel 11 Sep 19, 2022
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

null 3 Dec 11, 2021
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

Lenore 3 Nov 4, 2022
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

Rein Gundersen Bentdal 266 Nov 20, 2022