ousi_ui 0.1.0

A beautiful, production-ready Flutter UI library with 35+ components, smooth micro-interactions, OKLCH colors, and full dark mode. Inspired by HeroUI.

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:ousi_ui/ousi_ui.dart';
import 'router/app_router.dart';
import 'state/app_state.dart';

void main() {
  runApp(
    ChangeNotifierProvider(
      create: (_) => AppState(),
      child: const OusiExampleApp(),
    ),
  );
}

class OusiExampleApp extends StatelessWidget {
  const OusiExampleApp({super.key});

  @override
  Widget build(BuildContext context) {
    final appState = context.watch<AppState>();

    return MaterialApp.router(
      builder: (context, child) => GestureDetector(
        onTap: () => FocusManager.instance.primaryFocus?.unfocus(),
        child: Stack(
          children: [
            child!,
            const OToastOverlay(),
          ],
        ),
      ),
      title: 'Ousi UI',
      debugShowCheckedModeBanner: false,
      routerConfig: appRouter,
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(
          seedColor: appState.accentColor,
        ),
        extensions: [appState.themeData],
        fontFamily: OusiTypography.fontSans,
      ),
      darkTheme: ThemeData(
        brightness: Brightness.dark,
        colorScheme: ColorScheme.fromSeed(
          seedColor: appState.accentColor,
          brightness: Brightness.dark,
        ),
        extensions: [appState.themeData],
        fontFamily: OusiTypography.fontSans,
      ),
      themeMode: appState.isDark ? ThemeMode.dark : ThemeMode.light,
    );
  }
}