https://github.com/Aashu-Dubey/flutter-samples

Flutter Samples
https://github.com/Aashu-Dubey/flutter-samples

flutter kits samples ui

Last synced: 4 days ago
JSON representation

Flutter Samples

• Host: GitHub
• URL: https://github.com/Aashu-Dubey/flutter-samples
• Owner: Aashu-Dubey
• License: gpl-3.0
• Created: 2023-01-14T21:03:37.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-06-11T17:46:20.000Z (5 months ago)
• Last Synced: 2024-08-01T12:18:31.593Z (3 months ago)
• Topics: flutter, kits, samples, ui
• Language: Dart
• Homepage: https://aashu-dubey.github.io/flutter-samples/
• Size: 20.8 MB
• Stars: 251
• Watchers: 3
• Forks: 51
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
# Flutter Samples



  

    Web Demo

  



## 🧬 UI Samples

| Project | |

| :--- | --- |

| 
Animated App with Rive
**[> YouTube Tutorial Playlist](https://youtube.com/playlist?list=PLpnMM6hhRccigVfEO2Ynj6DQB9MbW5CaF)**

An application with interactive UI and animations, with custom UI components like Bottom TabBar and SideBar, and using animated assets from [Rive](https://rive.app)

**[> Source code](./lib/samples/ui/rive_app#readme)**
**> Demo: [web](https://aashu-dubey.github.io/flutter-samples/#/course-rive) \| [youtube](https://youtube.com/shorts/jek80t32XqY) \| [twitter](https://twitter.com/aashudubey_ad/status/1616536431010406400)**
**> Alternatives: [Ionic](https://github.com/Aashu-Dubey/Ionic-UI-Templates/tree/main/ionic_ui_templates/src/app/templates/course-rive)** |  |


## 🧬 Animation Samples

| Project | |

| :--- | --- |

| 
Grid Magnification
A grid list view that displays Magnify effect on press & drag, focusing on the items near the touch area within a radius.

**[> Source code](./lib/samples/animations/grid_magnification#readme)**
**> Demo: [web](https://aashu-dubey.github.io/flutter-samples/#/animations/grid-magnification) \| [twitter](https://twitter.com/aashudubey_ad/status/1629217199838879744)**
**> Alternatives: [react-native](https://github.com/Aashu-Dubey/react-native-animation-samples/tree/main/src/samples/grid_magnification)** |  |

| 
Custom Cursor/Caret
A Customizable custom cursor/caret for TextFields, with intuitive validation animations for max length and password strength.

**[> Source code](./lib/samples/animations/custom_caret#readme)**
**> Demo: [web](https://aashu-dubey.github.io/flutter-samples/#/animations/custom-caret) \| [twitter](https://twitter.com/aashudubey_ad/status/1698966567718211766)**
**> Alternatives: [react-native](https://github.com/Aashu-Dubey/react-native-animation-samples/tree/main/src/samples/custom_caret)** |  |


## 💪🏼 Getting Started

This project is a starting point for this Flutter application.

A few resources to get you started if this is your first Flutter project:

- [Lab: Write your first Flutter app](https://docs.flutter.dev/get-started/codelab)

- [Cookbook: Useful Flutter samples](https://docs.flutter.dev/cookbook)

For help getting started with Flutter development, view the

[online documentation](https://docs.flutter.dev/), which offers tutorials,

samples, guidance on mobile development, and a full API reference.