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
🔨 Usage
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'),
),
),
),
);
}
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'),
),
),
),
),
),
);
}
Null Safety
tekflat_design is written in dart with null safety.
🔗 Links
⌨️ Development
Use GitHub, a free online dev environment for GitHub.
git git@github.com:nghetien/tekflat_design.git
cd tekflat_design
flutter pub get
flutter run
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
