Project Title #

Standard UI Core

Table Of Contents #

• Description
• Vision
• Getting Started
• Components
  • Text
    • Header Text
    • Body Text
  • Button
    • Button State (All button type have this)
    • Button Type
  • Chip
    • Chip Size
    • Chip Properties
  • Floating Action Button
    • FAB Properties
  • Form
    • Form Properties
• To Do / Roadmap
• Information

Description #

Flutter simple UI core. This plugin is about UI only. All of the UI here are header text, body text, buttons, chips, FAB and form. You can customize their color and make your own color. This plugin is focused on making your development fast and easy while still having a beautiful UI. More components will added shortly.

Vision #

Fast and Easy while develop boring component without any UI sacrifice

Getting started #

WARNING: BREAKING IN VERSION 0.0.6

use ScreenSizeInitializer or ScreenSizeCustomInitializer to set size. Default will be width 120 and height 120 (view example). Primary button and secondary button use ValueListenableBuilder to make it responsive

return MaterialApp(
      title: 'Standard UI Core',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const ScreenSizeInitializer(
          child: MyHomePage(title: 'Standard UI Core Demo')
      ),
    );

You can change color default, there are many color default thay i prepare, they are : neutral color, primary color, secondary color, success color, danger color, grey color, and blue-grey color all with 9 shade, example primary500, danger300. Here to change them :

void setColorPrimary() {
  InitialValue.setPrimaryColor(
    /// InitialValue.setPrimaryColor can be change to any group color you want to change  
    /// here just change primary 500 and primary700
      primary500: const Color(0xff00e9ff),
      primary700: const Color(0xff7FFFD4)
  );
}  

You can change default size for any header text and body text, just use this function

void setInitialBodyFontSize(){
  InitialValue.setBodyFontSize(
    /// Here to change body font size   
      bodyTextXxl: 64,
      bodyTextXl: 24,
      bodyTextL: 52,
      bodyTextM: 48,
      bodyTextS: 40,
      bodyTextXs: 38,
      bodyTextXxs: 24
  ); }  

Components #

Text #

Header Text #

for the default size is H3 and color is ColorTheme.black

Body Text #

for the default size is bodyTextS and color is ColorTheme.black

Button #

Button State #

• Enable
• Loading
• Disable

Button Type #

• Primary Button

• Secondary Button

• Tertiary Button

Chip #

Chip Size #

• large
• medium
• small

Chip Properties #

Floating Action Button #

FAB Properties #

Form #

Form Properties #

To Do / Roadmap #

Version 1.0.0

• ❌ More Type of Form
• ❌ Card Components
• ❌ Avatar

Information #

Github Repo