Login page built with @flutter ๐Ÿ˜

Overview

The Gorgeous Login

A login page built with flutter inspired by a design found on Uplabs

Uplabs design Flutter rendering
original-design

Contributors

Code Contributors

This project exists thanks to all the people who contribute. [Contribute].

Financial Contributors

Become a financial contributor and help us sustain our community. [Contribute]

Individuals

Organizations

Support this project with your organization. Your logo will show up here with a link to your website. [Contribute]

Comments
  • Undefined_getter

    Undefined_getter

    First thing first, thanks for sharing this beautiful UI with flutter. As I'm a new in flutter, I really don't know how to build login and signup using flutter but you made my work a lot easier.

    Problem: There is a error in the login_page.dart file that says

    The getter 'Colors' isn't defined for the class 'Theme'. Try importing the library that defines 'Colors', correcting the name to the name of an existing getter, or defining a getter or field named 'Colors'.dart(undefined_getter)

    Could you tell me how to solve that?

    I also want to know that How can I intrigate this UI with firebase in order to store USER's confidential data like email and password.

    opened by VinitPanchal96 2
  • Publish to Pub.dev

    Publish to Pub.dev

    Hi, Guys

    I can't find this library at: https://pub.dev/packages?q=TheGorgeousLogin

    It is there under another name? If is not, there is some reason to not publish this awesome widget?

    Thank you!

    opened by lcsvcn 1
  • Exception occur when sliding between the forms

    Exception occur when sliding between the forms

    Hi... after running the app, if you click on text fields and sliding between the forms an exception will occur...

    flutter: โ•โ•โ•ก EXCEPTION CAUGHT BY RENDERING LIBRARY โ•žโ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ• flutter: The following assertion was thrown during paint(): flutter: RRect argument contained a NaN value. flutter: 'dart:ui/painting.dart': flutter: Failed assertion: line 37: '<optimized out>' flutter: flutter: Either the assertion indicates an error in the framework itself, or we should provide substantially flutter: more information in this error message to help you determine and fix the underlying cause. flutter: In either case, please report this assertion by filing a bug on GitHub: flutter: https://github.com/flutter/flutter/issues/new?template=BUG.md flutter: flutter: The relevant error-causing widget was: flutter: TextField flutter: file:///Users/mohammad/Documents/Flutter/TheGorgeousLogin-master/lib/ui/login_page.dart:230:32 flutter: flutter: When the exception was thrown, this was the stack: flutter: #2 _rrectIsValid (dart:ui/painting.dart:37:10) flutter: #3 Canvas.drawRRect (dart:ui/painting.dart:3742:12) flutter: #4 RenderEditable._paintCaret (package:flutter/src/rendering/editable.dart:2042:14) flutter: #5 RenderEditable._paintContents (package:flutter/src/rendering/editable.dart:2224:7) flutter: #6 RenderEditable.paint (package:flutter/src/rendering/editable.dart:2267:7) flutter: #7 RenderObject._paintWithContext (package:flutter/src/rendering/object.dart:2311:7) flutter: #8 PaintingContext.paintChild (package:flutter/src/rendering/object.dart:189:13) flutter: #9 RenderProxyBoxMixin.paint (package:flutter/src/rendering/proxy_box.dart:131:15) flutter: #10 RenderObject._paintWithContext (package:flutter/src/rendering/object.dart:2311:7) flutter: #11 PaintingContext.paintChild (package:flutter/src/rendering/object.dart:189:13) flutter: #12 RenderProxyBoxMixin.paint (package:flutter/src/rendering/proxy_box.dart:131:15) flutter: #13 PaintingContext.pushLayer (package:flutter/src/rendering/object.dart:396:12) flutter: #14 RenderLeaderLayer.paint (package:flutter/src/rendering/proxy_box.dart:4861:13) flutter: #15 RenderObject._paintWithContext (package:flutter/src/rendering/object.dart:2311:7) flutter: #16 PaintingContext.paintChild (package:flutter/src/rendering/object.dart:189:13) flutter: #17 RenderProxyBoxMixin.paint (package:flutter/src/rendering/proxy_box.dart:131:15) flutter: #18 RenderObject._paintWithContext (package:flutter/src/rendering/object.dart:2311:7) flutter: #19 PaintingContext.paintChild (package:flutter/src/rendering/object.dart:189:13) flutter: #20 RenderProxyBoxMixin.paint (package:flutter/src/rendering/proxy_box.dart:131:15) flutter: #21 RenderObject._paintWithContext (package:flutter/src/rendering/object.dart:2311:7) flutter: #22 PaintingContext.paintChild (package:flutter/src/rendering/object.dart:189:13) flutter: #23 RenderProxyBoxMixin.paint (package:flutter/src/rendering/proxy_box.dart:131:15) flutter: #24 RenderObject._paintWithContext (package:flutter/src/rendering/object.dart:2311:7) flutter: #25 PaintingContext.paintChild (package:flutter/src/rendering/object.dart:189:13) flutter: #26 RenderProxyBoxMixin.paint (package:flutter/src/rendering/proxy_box.dart:131:15) flutter: #27 RenderObject._paintWithContext (package:flutter/src/rendering/object.dart:2311:7) flutter: #28 PaintingContext.paintChild (package:flutter/src/rendering/object.dart:189:13) flutter: #29 RenderProxyBoxMixin.paint (package:flutter/src/rendering/proxy_box.dart:131:15) flutter: #30 RenderObject._paintWithContext (package:flutter/src/rendering/object.dart:2311:7) flutter: #31 PaintingContext.paintChild (package:flutter/src/rendering/object.dart:189:13) flutter: #32 RenderProxyBoxMixin.paint (package:flutter/src/rendering/proxy_box.dart:131:15) flutter: #33 RenderObject._paintWithContext (package:flutter/src/rendering/object.dart:2311:7) flutter: #34 PaintingContext._repaintCompositedChild (package:flutter/src/rendering/object.dart:140:11) flutter: #35 PaintingContext.repaintCompositedChild (package:flutter/src/rendering/object.dart:100:5) flutter: #36 PipelineOwner.flushPaint (package:flutter/src/rendering/object.dart:978:29) flutter: #37 RendererBinding.drawFrame (package:flutter/src/rendering/binding.dart:438:19) flutter: #38 WidgetsBinding.drawFrame (package:flutter/src/widgets/binding.dart:914:13) flutter: #39 RendererBinding._handlePersistentFrameCallback (package:flutter/src/rendering/binding.dart:302:5) flutter: #40 SchedulerBinding._invokeFrameCallback (package:flutter/src/scheduler/binding.dart:1117:15) flutter: #41 SchedulerBinding.handleDrawFrame (package:flutter/src/scheduler/binding.dart:1055:9) flutter: #42 SchedulerBinding._handleDrawFrame (package:flutter/src/scheduler/binding.dart:971:5) flutter: #46 _invoke (dart:ui/hooks.dart:251:10) flutter: #47 _drawFrame (dart:ui/hooks.dart:209:3) flutter: (elided 5 frames from class _AssertionError and dart:async) flutter: flutter: The following RenderObject was being processed when the exception was fired: RenderEditable#4f484 relayoutBoundary=up15: flutter: creator: _Editable-[GlobalKey#ef5f4] โ† Semantics โ† CompositedTransformTarget โ† flutter: IgnorePointer-[GlobalKey#75551] โ† Semantics โ† _PointerListener โ† Listener โ† flutter: RawGestureDetector-[LabeledGlobalKey<RawGestureDetectorState>#0ab20] โ† _PointerListener โ† Listener flutter: โ† _ScrollableScope โ† Scrollable โ† โ‹ฏ flutter: parentData: <none> (can use size) flutter: constraints: BoxConstraints(w=212.0, 0.0<=h<=Infinity) flutter: size: Size(212.0, 19.0) flutter: cursorColor: Color(0x102196f3) flutter: showCursor: ValueNotifier<bool>#c954a(true) flutter: maxLines: 1 flutter: minLines: null flutter: selectionColor: Color(0xff90caf9) flutter: textScaleFactor: 1.0 flutter: locale: en_US flutter: selection: TextSelection(baseOffset: 0, extentOffset: 0, affinity: TextAffinity.downstream, flutter: isDirectional: false) flutter: offset: ScrollPositionWithSingleContext#d558e(offset: 0.0, range: 0.0..0.0, viewport: 212.0, flutter: ScrollableState, BouncingScrollPhysics -> RangeMaintainingScrollPhysics, IdleScrollActivity#5757c, flutter: ScrollDirection.idle) flutter: This RenderObject had the following child: flutter: text: TextSpan flutter: โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•

    Thanks

    opened by mshahrokhi 1
  • Activating Open Collective

    Activating Open Collective

    Hi, I'm making updates for Open Collective. Either you or another core contributor signed this repository up for Open Collective. This pull request adds financial contributors from your Open Collective https://opencollective.com/TheGorgeousLogin โค๏ธ

    What it does:

    • adds a badge to show the latest number of financial contributors
    • adds a banner displaying contributors to the project on GitHub
    • adds a banner displaying all individuals contributing financially on Open Collective
    • adds a section displaying all organizations contributing financially on Open Collective, with their logo and a link to their website

    P.S: As with any pull request, feel free to comment or suggest changes.

    Thank you for your great contribution to the Open Source community. You are awesome! ๐Ÿ™Œ And welcome to the Open Collective community! ๐Ÿ˜Š

    Come chat with us in the #opensource channel on https://slack.opencollective.com - great place to ask questions and share best practices with other Open Source sustainers!

    opened by monkeywithacupcake 1
  • fit the screen

    fit the screen

    I have tried the iPhone X,XR e fits exactly, but the design doesn't fit exactly to devices like iphone SE, iphone 7, nexus 5. (need scroll down) How can I change the code so that each size fits on the screen?

    opened by bturkoglu 1
  • Please can you provide project license?

    Please can you provide project license?

    Hi, I would like to use your login widget

    I would like to know what is your project license for legal use. I would be glad if you can update the project with the license.

    Thank you!

    opened by lcsvcn 0
  • A RenderFlex overflowed by 265 pixels on the bottom.

    A RenderFlex overflowed by 265 pixels on the bottom.

    The screen is coming up good in the higher end mobiles, but going to the MotoE4 the screen is not rendering the whole screen. The error doesn't pop up when the soft keyboard is opended becasue of the singlechildscrollview, but the error is shown when the screen pops up.

    bug enhancement 
    opened by NiroopNife 1
Owner
Hugo EXTRAT
Mobile App Developer @sqli & Mentor @OpenClassrooms ๐Ÿš€ Flutter - React Native - Android
Hugo EXTRAT
This is one of my flutter project that I have created with login and register page.

?? Hi, Iโ€™m @D-ENCODER (Flutter Developer) ?? Iโ€™m interested in Flutter native cross platform apps ?? Iโ€™m currently learning data structures and algori

D - ENCODER 9 Oct 1, 2021
Web development for smartgreen's RYO-OHKI Project, should contain: a login page, import, export and visualization of cards (almost a dashboard) it is under construction!

Web development for smartgreen's RYO-OHKI Project, should contain: a login page, import, export and visualization of cards (almost a dashboard) it is under construction!

Beatriz gonรงalves 6 Nov 13, 2021
Modern UI for Messaging/Chatting App, with Signup/Login Pages and Awesome animation, built with flutter v2.5.2.

instantChat_app_ui Modern UI for Messaging/Chatting App, with Signup/Login Pages and Awesome animation, built with flutter v2.5.2. The package/plugin

Kamran Jalil 1 Oct 25, 2021
A Flutter package for building custom skeleton widgets to mimic the page's layout while loading.

Skeletons A Flutter package for building custom skeleton widgets to mimic the page's layout while loading. Examples Items ListView (Default) ListView

Moh Badjah 46 Dec 17, 2022
A quick sample app on how to implement a friend list and a profile page in Flutter.

FlutterMates All code resides in the /lib folder: there's no Android / iOS specific code needed. The article, slides and how this came to be, is here.

Codemate Ltd 526 Dec 29, 2022
Submit Your CV Flutter App Page Contribution #Hacktoberfest2021 #Hacktoberfest

cv_flutter_contribution Hacktoberfest 2021 Contribution Contribute your best profile pages with flutter HOW TO CONTRIBUTE Fork Clone Add List Profile

null 6 Nov 6, 2022
Google Play Store one page design with flutter

playstore A new Flutter project. Getting Started Google Play Store one page desi

Ozan Takฤฑr 0 Dec 23, 2021
A sample for creating a nice movie details page UI in Flutter.

What is it? Sample project for creating a beautiful movie details UI in Flutter. Read the blogpost here. All the related source code is located in the

Iiro Krankka 399 Dec 19, 2022
Halloween swipe page ๐ŸŽƒ

Halloween Swipe page A Beautiful Swipe page use this source code in your project thank you โ˜บ Platform ios โœ”๏ธ android โœ”๏ธ Preview Development Setup Clon

Amirziya 12 Oct 24, 2022
You can monitor page lifecycle by this lib.

lifecycle_lite ้€š่ฟ‡็ฎ€ๅ•ๅ‡ ๆญฅ๏ผŒๅฐฑๅฏไปฅ่ฎฉไฝ ไฝฟ็”จwhenShow()/whenHide()ๆ–นๆณ•ๆฅ็›‘ๅฌ้กต้ข็š„็”Ÿๅ‘ฝๅ‘จๆœŸ(้€€ๅ›žๅˆฐไบ†่ฏฅ้กต้ข/ๆ‰“ๅผ€ๅ…ถไป–้กต้ขๆŒก็€ไบ†่ฏฅ้กต้ข)ไบ† Principle ่ฟ™ไธชๅบ“็š„ๅฎž็Žฐๅพˆ็ฎ€ๅ•๏ผŒไฝ ๅฎŒๅ…จๅฏไปฅ้€š่ฟ‡้˜…่ฏปไปฃ็ ๅŽ่‡ชๅทฑๆ‰ฉๅฑ•ๅฎž็Žฐใ€‚ไธป่ฆๅฐฑๆ˜ฏๅœจMaterialAppไธญๆทปๅŠ ไธ€ไธชๅฏน่ทฏ็”ฑ็š„

Lpoint 4 Sep 15, 2022
This is a shop-app you can see the products and With prices and knowing if there are discounts and adding your favorite products to the favorite products page

This is a shop-app you can see the products and With prices and knowing if there are discounts and adding your favorite products to the favorite products page, you can search for a specific product and also modify personal information from the settings , I made it using REST APIs by using (Dio packedge) , (shared Preference) and state management (Bloc/cubit

null 2 Oct 27, 2022
Login and signup using a Phone number and otp verification in flutter app

phone_authentication A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you sta

Ambaliya Avnit Karshanbhai 2 Aug 31, 2022
A chatting app made with Flutter and FireBase. It supports GIPHY gifs, images, stcikers, dark mode, custom animations, google login, online storage, beautiful UI and more.

ChatMe A Flutter based chatting app which lets user chat from random peoples or strangers, has GIPHY gif support, sitckers, custom animations, dark mo

Hash Studios 20 Nov 7, 2022
diseรฑo de un login

testapp 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

null 8 Apr 7, 2022
๐Ÿ› A full E-commerce app with nice UI consists of on-boarding, login, sign-up, home, product details, cart and user profile.

About (Download) ?? A full E-commerce app with nice UI consists of on-boarding, login, sign-up, home, product details, cart and user profile. ?? Scree

null 56 Nov 27, 2022
Firebase Login... And Data Created ,Read, Update, Delete

flutter_application_2 A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you st

Jamirul islam (Joy) 2 Nov 30, 2022
template with tests, login flow, riverpod, logging ect.

Flutter Template What to accomplish has tests basic auth flow riverpod as state provider logging (sentry) navigation (I used Beamer last time but migh

Jeremiah Parrack 20 Dec 22, 2022
Beautiful Login Panel UI with support for dark mode and validation. Created by Martin Gogoล‚owicz.

Flutter Login UI with darkmode support Flutter 2.8.0 Null Safety Beautiful Login Panel UI with support for dark mode and validation. Created by Martin

Martin Gogoล‚owicz 24 Dec 17, 2022
A M.U.D (multi user dungeon) with a back end API built with nestjs and a front end UI built with Flutter.

Nest M.U.D - Getting Started Getting Started How to Play API Design A M.U.D (multi user dungeon) with a back end API built with nestjs and a front end

Ben 4 Aug 3, 2022