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

🔨 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'),
            ),
          ),
        ),
    );
}

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'),
                ),
              ),
            ),
          ),
        ),
    );
}

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

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