Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>fillflutterNew to Visual Studio Code? Get it now.
fillflutter

fillflutter

Maarkhoor

|
338 installs
| (1) | Free
build flutter widgets fastly
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Fill Flutter README

Fill Flutter Have Pre_Build Widgets For Save Time

Features

  • Fill All Widgets of Flutter And Dart

like: form validation, getstate managments, buttons, tab controller, call Drawer globely, large medium appBar, Input Feilds, popup menu, cupertino menu, dropdown Buttons, DragAble Widgets, Drag And Drop Widgets, builders, And Much More ❤❤❤❤❤❤ For More type only - all Related widgets Listed

Tip ==> For Use Fill Snippets Write :: -anywidgetsname and Its Shown in Snippets Select Thats you Wants its Build A Whole Widgets

// Exmp: -button 
       ElevatedButton(   
       onPressed: () { 
         print(' Button Clicked'); 
       }, 
       child: Text('click_me'), 
       style: ElevatedButton.styleFrom( 
         padding: EdgeInsets.all(10), 
         fixedSize: Size(100, 40), 
         elevation: 30, 
         shadowColor: Color.fromARGB(255, 6, 0, 55), 
         side: BorderSide( 
             width: 2, 
             style: BorderStyle.solid, 
             strokeAlign: StrokeAlign.inside), 
         shape: StadiumBorder(side: BorderSide.none), 
       ), 
     ),  

Table of Contents

  • Snippets For Flutter
  • Snippets For Dart
  • Contact For Add More

Flutter

Snippet Description
-formvalidation Form Feilds with Validation original
-formvalidationgetx Form Feilds with Validation By Getx
-drawer Drawer Modified
-circleavatar Circleavatar Modified
-time picker 1 Time picker 1 Modified
-time picker 2 Time picker 2 Modified
-date picker Date picker Modified
-background box gradient Background box type gradien
-theme light dar theme light dark mode
-list view reorder able list view reorder able
-navigation route Navigation route to page
-navigation page no btn Navigation page by number 1,2.. btn
-Tab Controller Tab Controller With Pages
-Tab Cont 2 cupertino Tab Controller 2 with cupertino
-sliverappbar Larg And Medium AppBar
-drawer call globaly Globaly drawer open button
-getstate Get state managements By GetX
-futurebuilder Future builder With TikTok Page Builder
-popupmenubutton Popup menu button
-dropdownButton Drop down Menu Button
-dragablewidget dragable widget images Containers
-dragdropwidget dragdropwidget for All Widgets
-ReorderableListView Reorderable ListView
-autosearch Auto search List Of Text
-layout builder Layout builder For Responsive
-CupertinoMenu Cupertino Context Menu ZoomAble
-materialappbody Generate material to body container
-errorwidget Show or hide errors in box type
-button 1 simple Elevated Button Modified
-button 2 gradient Gradient Button Modified
-button 3 splash Splash Button Modified
-button 4 animated Animated Button Modified
-button 5 toggle Toggle Button Modified
-Bottomnavbardocked Bottom nav Bar By Fab Docked
-BottomnavbarNotched Bottom nav Bar By Fab Notched
-bottom navbar 3 opaque Bottom nav Bar opaque
-bottom navbar transparent Bottom nav Bar transparent
-bottom navbar 4 leading Bottom nav Bar leading type
-bottom navbar 5 raised Bottom nav Bar raised type
-bottom navbar 5 curved Bottom nav Bar curved type
-bottom navbar 6 simple Bottom nav Bar simple
-card 1 features Cards fetureables type
-card 2 square Cards square type
-card 3 informative Cards informative type
-card 4 nft Cards nft type
-card swip cards Cards swip type
-card carousel cards Cards carousel type
-card credit card Cards credit type
-alert simple Alert simple type
-alert cupertino Alert cupertino type
-alert with actions Alert with actions buttons
-alert gradient Alert with gradient
❤ More ❤ For More type only - all Related widgets List

Dart

Snippet Description
-errorwidget Error widget onl Show By Button Ignorable
-getstate get state managements By GetX
-futurebuilder future builder With TikTok Page Builder
-dataclass Generate Dart Data Class Object
dclae Add Dart Class snippet with extends keyword
❤ More ❤ For More type only - all Related widgets List

Contact

  • For Added More Widgets

    maarkhoor5@gmail.com

    GitHub

    • Fluter Dart Only

Requirements

If you have any requirements or dependencies, add a section describing those and how to install and configure them.

Extension Settings

Include if your extension adds any VS Code settings through the contributes.configuration extension point.

For example:

This extension contributes the following settings:

  • myExtension.enable: Enable/disable this extension.
  • myExtension.thing: Set to blah to do something.

Known Issues

Calling out known issues can help limit users opening duplicate issues against your extension.

Release Notes

Users appreciate release notes as you update your extension.

1.0.0

  • Features:
    • add buttons, form feilds, Much More Flutter snippets.
    • add dart Class and Builders dart snippets.

1.0.0

Initial release


Working with Markdown

You can author your README using Visual Studio Code. Here are some useful editor keyboard shortcuts:

  • Split the editor (Cmd+\ on macOS or Ctrl+\ on Windows and Linux).
  • Toggle preview (Shift+Cmd+V on macOS or Shift+Ctrl+V on Windows and Linux).
  • Press Ctrl+Space (Windows, Linux, macOS) to see a list of Markdown snippets.

For more information

  • Visual Studio Code's Markdown Support
  • Markdown Syntax Reference

Enjoy!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft