welitonsousa/fast_ui_kit

https://raw.githubusercontent.com/welitonsousa/fast_ui_kit/main/assets/images/fast.png

Simple Implementation !

The "Fast UI Kit" is a Flutter package that aims to simplify application development by providing a collection of ready-to-use components. Similar to Quasar, it offers a set of components that can be used to quickly and efficiently create user interfaces while maintaining a consistent and elegant design.

The main goal of the "Fast UI Kit" is to expedite the development process by allowing developers to utilize pre-defined components instead of building each element from scratch. This saves time and effort while helping to maintain a cohesive visual appearance throughout the application.

https://raw.githubusercontent.com/welitonsousa/fast_ui_kit/main/assets/images/ui.png

✅ Dark Mode suporte ✅ Color scheme suporte

The components screenshots with colors scheme green selected

example of button

https://raw.githubusercontent.com/welitonsousa/fast_ui_kit/main/assets/components/button.png https://raw.githubusercontent.com/welitonsousa/fast_ui_kit/main/assets/components/button_outlined.png https://raw.githubusercontent.com/welitonsousa/fast_ui_kit/main/assets/components/button_outlined_loading.gif

example of form field

https://raw.githubusercontent.com/welitonsousa/fast_ui_kit/main/assets/components/formfield.gif https://raw.githubusercontent.com/welitonsousa/fast_ui_kit/main/assets/components/money_mask.gif

example of form field

https://raw.githubusercontent.com/welitonsousa/fast_ui_kit/main/assets/components/button.png

example of button group

https://raw.githubusercontent.com/welitonsousa/fast_ui_kit/main/assets/components/button_group.gif

example of audio player

https://raw.githubusercontent.com/welitonsousa/fast_ui_kit/main/assets/components/audio.png

example of calendar

https://raw.githubusercontent.com/welitonsousa/fast_ui_kit/main/assets/components/calendar.png

example of carousel

https://raw.githubusercontent.com/welitonsousa/fast_ui_kit/main/assets/components/carousel.gif

example of typographic

https://raw.githubusercontent.com/welitonsousa/fast_ui_kit/main/assets/components/text.png

example of LinkFy

https://raw.githubusercontent.com/welitonsousa/fast_ui_kit/main/assets/components/link_fy.png

example of input picker

https://raw.githubusercontent.com/welitonsousa/fast_ui_kit/main/assets/components/file.gif

example of column

Use FastColumn to have a vertical gap between components

https://raw.githubusercontent.com/welitonsousa/fast_ui_kit/main/assets/components/column.png

Define your theme

class MyApp extends StatelessWidget {
  MyApp({super.key});

  final theme = FastTheme(seed: Colors.green);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      darkTheme: theme.dark,
      theme: theme.light,
      home: const HomePage(),
    );
  }
}

Components

• FastColum
• FastRow
• FastImg
• FastAvatar
• FastAnimate
• FastCalendar
• FastTable
• FastSkeleton
• FastSearchAppBar
• FastFormField
• FastFormFieldFile
• FastFormAvatarFile
• FastDropDown
• FastSearchSelect
• FastDialog
• FastContent
• FastCarousel
• FastButton
• FastButtonIcon
• FastButtonGroup
• FastAudio
• FastLinkFy
• FastIcon -> Icon(FastIcons.library.icon)

Extension

context.showMessage(
  'Update user successful',
  title: 'Sucesso', //optional field
  type: MessageVariant.success, //optional field
  position: MessagePosition.top, //optional field
  style: Style.flat, //optional field
);