forui 0.1.0

Forui is a UI library for Flutter that provides a set of minimalistic widgets heavily inspired by Shadcn/ui.

example/lib/main.dart

import 'package:flutter/material.dart';

import 'package:forui/forui.dart';

void main() {
  runApp(const Application());
}

/// The application widget.
class Application extends StatelessWidget {
  /// Creates an application widget.
  const Application({super.key});

  @override
  Widget build(BuildContext context) => MaterialApp(
        home: FTheme(
          data: FThemes.zinc.light,
          child: const FScaffold(
            header: FHeader(title: 'Example'),
            content: ExampleWidget(),
          ),
        ),
      );
}

class ExampleWidget extends StatefulWidget {
  const ExampleWidget({super.key});

  @override
  State<ExampleWidget> createState() => _ExampleWidgetState();
}

class _ExampleWidgetState extends State<ExampleWidget> {
  @override
  void initState() {
    super.initState();
  }

  @override
  Widget build(BuildContext context) => Padding(
        padding: const EdgeInsets.all(8.0),
        child: Column(
          mainAxisSize: MainAxisSize.min,
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            const SizedBox(height: 10),
            Expanded(
              child: FTabs(
                tabs: [
                  FTabEntry(
                    label: 'Account',
                    content: FCard(
                      title: 'Account',
                      subtitle: 'Make changes to your account here. Click save when you are done.',
                      child: Column(
                        children: [
                          Container(
                            color: Colors.red,
                            height: 100,
                          ),
                        ],
                      ),
                    ),
                  ),
                  FTabEntry(
                    label: 'Password',
                    content: FCard(
                      title: 'Password',
                      subtitle: 'Change your password here. After saving, you will be logged out.',
                      child: Column(
                        children: [
                          Container(
                            color: Colors.blue,
                            height: 100,
                          )
                        ],
                      ),
                    ),
                  ),
                ],
              ),
            ),
          ],
        ),
      );
}