tekflat_design

Description:

tekflat design

Teko Flat Design

A TEKO FLAT DESIGN framework designed for Web, Android, IOS, MACOS, Linux, Window application, contains some high quality widgets.


✨ Features #

🌈 Enterprise-class UI designed for Web, Android, IOS, MACOS, Linux, Window applications.
📦 A set of high-quality Flutter widgets out of the box.
🛡 Written in pure Dart with null safety.

🖥 Environment Support #

Working on Windows and Mac OS

📦 Install #
flutter pub add tekflat_design
copied to clipboard
🔨 Usage #
1. Sample code #
import 'package:tekflat_design/tekflat_design.dart';

void main() {
runApp(
const MaterialApp(
// TekFlatDesign provide two themes: light and dark
// You can use any of them or both
// You can also create your own theme
theme: TekThemes.light,
home: Scaffold(
body: Center(
child: TekButton(onPressed: () {}, text: 'Click me'),
),
),
),
);
}
copied to clipboard
2. Responsive layout #
import 'package:tekflat_design/tekflat_design.dart';

void main() {
runApp(
const MaterialApp(
theme: TekThemes.light,
home: TekResponsive.appResBuilder(
// You can use any of these devices
// This function will init ScreenDevice: desktop, tablet, mobile
child: Scaffold(
body: TekResponsive.resBuilder(
// set up your screen
children: Center(
child: TekTypography(text: 'Default Screen'),
),
desktop: Center(
child: TekTypography(text: 'Screen on desktop'),
),
tablet: Center(
child: TekTypography(text: 'Screen on tablet'),
),
mobile: Center(
child: TekTypography(text: 'Screen on mobile'),
),
),
),
),
),
);
}
copied to clipboard
Null Safety #
tekflat_design is written in dart with null safety.
🔗 Links #

Home page
Widgets Overview

⌨️ Development #
Use GitHub, a free online dev environment for GitHub.

Or clone locally:
$ git [email protected]:nghetien/tekflat_design.git
$ cd tekflat_design
$ flutter pub get
$ flutter run
copied to clipboard
Now flutter will run on the connected device in your environment.
🤝 Contributing #
We welcome all contributions. You can submit any ideas as pull requests or as GitHub issues.

❤️ Buy me a coffee #