Welcome to Hux UI

​

What is Hux UI?

Hux UI is an open-source state-of-the-art UI library for Flutter, created by Zoe Gilbert. It provides a comprehensive set of beautiful, customizable components designed for clean and consistent user interfaces.

​

Key Features

​

Available Components

Hux UI includes 13+ carefully crafted components organized into logical categories:

​

Input & Forms

• HuxButton - Multiple variants (primary, secondary, outline, ghost) with loading states
• HuxTextField - Enhanced text input with validation and consistent styling
• HuxCheckbox - Interactive checkbox with custom styling and labels
• HuxSwitch - Toggle switch with smooth animations

​

Layout & Display

• HuxCard - Flexible card component with headers, actions, and tap handling
• HuxAvatar - Circular user images with initials fallback and gradient variants
• HuxAvatarGroup - Display multiple avatars with overlapping layouts

​

Feedback & Status

• HuxBadge - Status indicators with semantic variants
• HuxAlert - Message boxes with dismissible functionality
• HuxLoading - Customizable loading indicators and overlays

​

Advanced Components

• HuxChart - Beautiful data visualization with cristalyse integration
• HuxContextMenu - Right-click context menus with smart positioning

​

Theme System

• HuxTheme - Pre-configured light and dark themes
• HuxColors - Comprehensive color palette
• HuxTokens - Design token system for consistent theming

​

Quick Example

import 'package:flutter/material.dart';
import 'package:hux/hux.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Hux UI Demo',
      theme: HuxTheme.lightTheme,
      darkTheme: HuxTheme.darkTheme,
      home: Scaffold(
        body: Column(
          children: [
            HuxButton(
              onPressed: () => print('Hello Hux!'),
              child: Text('Get Started'),
              variant: HuxButtonVariant.primary,
            ),
            HuxCard(
              title: 'Welcome to Hux UI',
              subtitle: 'Build beautiful Flutter apps',
              child: Text('Start creating amazing user interfaces'),
            ),
          ],
        ),
      ),
    );
  }
}

​

Links

• Package: pub.dev/packages/hux
• Source Code: github.com/zoeglbrt/hux
• Issues: GitHub Issues
• Documentation: docs.thehuxdesign.com