# samarthagarwal/flutterscreens

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/samarthagarwal-flutterscreens).**

6,020 stars · 1,370 forks · Dart

## Links

- GitHub: https://github.com/samarthagarwal/FlutterScreens
- awesome-repositories: https://awesome-repositories.com/repository/samarthagarwal-flutterscreens.md

## Topics

`dart` `dartlang` `flutter` `flutter-apps` `flutter-widget`

## Description

FlutterScreens is a mobile UI component library for Flutter that provides pre-built, customizable screen layouts and widgets for rapid app development. The library offers ready-to-use login screen templates, styled button packs, animated loading indicators, and a view toggle component, all designed to be dropped directly into mobile applications without custom UI development.

The components are built around a widget-composition architecture that allows developers to compose reusable widgets with animation-driven state transitions and callback-based interaction handling. Each widget encapsulates its own layout and behavior, while theme-driven customization lets visual properties like colors and images be passed as parameters to override defaults at the widget level. The library includes animated loading indicators with color-themed and flip-style animations, pre-styled round buttons with text, icons, or icon-only options, and a floating action button that uses a cube-rotation animation to switch between two different views.

The login screens come with customizable colors, images, and sign-in callbacks that integrate directly into mobile apps. The library's components are designed to handle user actions like sign-in through function references passed as widget parameters, keeping the interaction model loosely coupled.

## Tags

### User Interface & Experience

- [Mobile Component Libraries](https://awesome-repositories.com/f/user-interface-experience/mobile-component-libraries.md) — Provides pre-built, customizable UI components like login screens, buttons, and loaders for rapid mobile app development.
- [Screen Templates](https://awesome-repositories.com/f/user-interface-experience/app-shell-layouts/screen-templates.md) — Provides ready-to-use screen layouts as standalone widgets that accept callbacks for user interactions.
- [Button Styles](https://awesome-repositories.com/f/user-interface-experience/button-styles.md) — Provides a collection of pre-styled button widgets that match common mobile design patterns. ([source](https://github.com/samarthagarwal/FlutterScreens/blob/master/pubspec.yaml))
- [Round](https://awesome-repositories.com/f/user-interface-experience/button-styles/round.md) — Ships pre-styled round buttons with text, icons, or icon-only options and customizable background colors.
- [Animated View Toggles](https://awesome-repositories.com/f/user-interface-experience/editor-view-toggles/animated-view-toggles.md) — Provides a floating action button with cube-rotation animation to toggle between two different views. ([source](https://github.com/samarthagarwal/FlutterScreens#readme))
- [Icon Buttons](https://awesome-repositories.com/f/user-interface-experience/icon-buttons.md) — Ships a simple circular button containing only an icon for compact action triggers. ([source](https://github.com/samarthagarwal/FlutterScreens#readme))
- [Loading Animation Widgets](https://awesome-repositories.com/f/user-interface-experience/list-transition-animations/mobile-animation-libraries/loading-animation-widgets.md) — Provides reusable loading animation widgets with color-themed and flip-style animations.
- [Theme Customization](https://awesome-repositories.com/f/user-interface-experience/ui-architecture/design-utilities/design-systems/theme-architecture-frameworks/theme-customization.md) — Allows visual properties like colors and images to be passed as parameters, overriding defaults at the widget level.
- [Color and Flip Loaders](https://awesome-repositories.com/f/user-interface-experience/ui-components/feedback-overlay-components/loading-indicators/color-and-flip-loaders.md) — Ships color-themed and flip-style loading animations that provide visual feedback while content is being fetched.
- [UI Interaction Callbacks](https://awesome-repositories.com/f/user-interface-experience/ui-interaction-callbacks.md) — Passes function references as widget parameters to handle user actions like sign-in without tight coupling.

### Security & Cryptography

- [Customizable Login Interfaces](https://awesome-repositories.com/f/security-cryptography/identity-access-management/authentication-strategies/user-facing-login-methods/customizable-login-interfaces.md) — Provides ready-to-use login screen layouts with customizable colors, images, and sign-in callbacks for mobile apps.
- [Pre-built Login Screens](https://awesome-repositories.com/f/security-cryptography/identity-access-management/authentication-strategies/user-facing-login-methods/customizable-login-interfaces/pre-built-login-screens.md) — Ships ready-to-use login screen templates with customizable visuals and sign-in callbacks for Flutter apps. ([source](https://github.com/samarthagarwal/FlutterScreens/blob/master/pubspec.yaml))

### Software Engineering & Architecture

- [Screen Composition Widgets](https://awesome-repositories.com/f/software-engineering-architecture/object-oriented-models/widget-tree-hierarchies/composable-field-widgets/screen-composition-widgets.md) — Builds screens by composing pre-built widget classes that each encapsulate their own layout and behavior.

### Part of an Awesome List

- [Loading Animations](https://awesome-repositories.com/f/awesome-lists/devtools/animation-and-transitions/loading-animations.md) — Provides animated loading indicators that give visual feedback while content is being fetched or processed. ([source](https://github.com/samarthagarwal/FlutterScreens/blob/master/pubspec.yaml))
- [Color Themed Loaders](https://awesome-repositories.com/f/awesome-lists/devtools/animation-and-transitions/loading-animations/color-themed-loaders.md) — Provides color-themed loading animations that indicate activity while content is being prepared. ([source](https://github.com/samarthagarwal/FlutterScreens#readme))
- [Flip Style Loaders](https://awesome-repositories.com/f/awesome-lists/devtools/animation-and-transitions/loading-animations/flip-style-loaders.md) — Ships flip-style loading animations that indicate activity while content is being prepared. ([source](https://github.com/samarthagarwal/FlutterScreens#readme))

### Graphics & Multimedia

- [Cube Rotation Animations](https://awesome-repositories.com/f/graphics-multimedia/media-production-suites/animation-tools/programmatic-animation-apis/state-transition-animators/cube-rotation-animations.md) — Ships a floating action button with cube-rotation animation for toggling between two views.
