Skip to main content

Welcome to Appikorn Madx Widgets

Appikorn Madx Widgets is a comprehensive Flutter UI components library designed for modern applications. With over 40 professional widgets, it provides everything you need to build beautiful, responsive, and accessible Flutter apps.

🚀 What Makes Appikorn Special?​

✨ Production-Ready Components​

Every widget in our library has been battle-tested in real-world applications. From simple text fields to complex data visualizations, each component is optimized for performance and follows Flutter best practices.

🎨 Highly Customizable​

Build your unique design system with extensive theming support. Every component can be customized to match your brand and design requirements.

📱 Responsive by Design​

All widgets automatically adapt to different screen sizes and orientations. Mobile-first approach ensures your apps look great on any device.

♿ Accessibility First​

Built with accessibility in mind, including screen reader support, keyboard navigation, and semantic markup.

📦 Widget Categories​

🎨 Core UI Components​

  • TextAppi - Enhanced text widget with advanced styling
  • BoxAppi - Flexible container with built-in styling
  • AnimatedBoxAppi - Smooth animations and hover effects
  • StatefulWrapperAppi - Lifecycle management for widgets

📝 Form & Input Components​

  • TextFieldAppi - Advanced text input with validation
  • SearchableTextFieldAppi - Real-time search functionality
  • JsonInputFieldAppi - JSON editor with syntax highlighting
  • NumberKeypadAppi - Custom numeric input interface
  • QuillEditorAppi - Rich text editing capabilities
  • RadioButtonAppi - Customizable radio button groups
  • ToggleSwitchAppi - Modern toggle switches

📋 Dropdown & Selection​

  • DropDownMenuAppi - Customizable dropdown menus
  • DropDownCustomMenuFieldAppi - Advanced dropdown with search
  • SelectorListAppi - Multi-selection list interface
  • SelectorGridAppi - Grid-based selection component

🏷️ Chip & Tag Components​

  • ChipAppi - Interactive chip components
  • ChipListAppi - Manageable chip collections

📊 Data Display​

  • TableWidgetAppi - Feature-rich data tables
  • TableWidgetSample - Pre-configured table examples

📈 Chart Components​

  • LineChartAppi - Interactive line charts
  • LineChartAppiFlutter - Native Flutter line charts
  • PieChartAppi - Customizable pie charts
  • HorizontalBarChartAppi - Horizontal bar visualizations

⏳ Progress & Loading​

  • LinearProgressIndicatorAppi - Animated progress bars
  • NumberStepperAppi - Step-by-step progress indicators
  • CircleLoaderAppi - Circular loading animations

🖼️ Media & Image​

  • CircleWebImageAppi - Circular web image display

🎚️ Slider & Control​

  • VolumeSliderAppi - Customizable slider controls

🔧 Utility & State Management​

  • HydratedAppi - Persistent state management
  • AppLocalization - Internationalization support

🎯 Key Features​

🚀

Performance Optimized

60fps animations and minimal memory footprint

🎨

Design System Ready

Consistent theming across all components

📱

Mobile First

Responsive design for all screen sizes

♿

Accessible

WCAG compliant with screen reader support

🌙

Dark Mode

Seamless light and dark theme support

⚡

Type Safe

Full Dart type safety and null safety

🚀 Quick Start​

Get started with Appikorn Madx Widgets in just a few steps:

1. Installation​

Add the package to your pubspec.yaml:

dependencies:
  appikorn_madx_widgets: ^1.0.0

2. Import​

import 'package:appikorn_madx_widgets/appikorn_madx_widgets.dart';

3. Use​

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Column(
          children: [
            TextAppi(
              text: 'Hello Appikorn!',
              style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
            ),
            AnimatedBoxAppi(
              width: 200,
              height: 100,
              color: Colors.blue,
              borderRadius: 12,
              onTap: () => print('Tapped!'),
            ),
            LinearProgressIndicatorAppi(
              currentPosition: 0.7,
              length: 300,
            ),
          ],
        ),
      ),
    );
  }
}

📚 Documentation Structure​

Our documentation is organized into several sections:

  • 🚀 Getting Started - Installation, setup, and basic usage
  • 🎨 Widget Gallery - Complete widget reference with examples
  • 📖 Guides - Best practices and advanced usage patterns
  • 🧩 Examples - Real-world implementation examples
  • 📚 API Reference - Detailed API documentation

🤝 Community & Support​

  • GitHub: appikorn/madx-widgets
  • Issues: Report bugs and request features
  • Discussions: Community support and questions
  • Discord: Join our developer community

📄 License​

Appikorn Madx Widgets is released under the MIT License. Free for commercial and personal use.

Ready to build amazing Flutter apps? Get started now or explore the widget gallery to see what's possible!