components_modern/core/mediasfu_core library
MediaSFU Modern Core
This library exports the core infrastructure for the modern MediaSFU UI, including the theme system and premium widget primitives.
Quick Start
Import the core library:
import 'package:mediasfu_sdk/components_modern/core/mediasfu_core.dart';
Theme System
The theme system provides:
- MediasfuColors - Blue/cyan/teal color palette with glow utilities
- MediasfuTypography - Inter font family with Material 3 scale
- MediasfuSpacing - Consistent spacing tokens
- MediasfuAnimations - Spring physics and timing
- MediasfuBorders - Border utilities and animated borders
- MediasfuTheme - Ready-to-use ThemeData
- ModernStyleOptions - Component style configuration
Premium Widgets
Reusable widget primitives:
- StyledContainer - Unified container with glow/neumorphism/glass effects
- PremiumButton - Buttons with multiple style variants
- GlowContainer - Container with glowing effects
- NeumorphicContainer - Soft 3D containers
- AnimatedGradientBackground - Animated gradient backgrounds
- SkeletonLoader - Shimmer loading placeholders
- Animation utilities: StaggeredAnimationList, AnimatedEntry, etc.
Example
import 'package:mediasfu_sdk/components_modern/core/mediasfu_core.dart';
Widget build(BuildContext context) {
return StyledContainer(
enableGlow: true,
glowColor: MediasfuColors.primary,
child: PremiumButton(
label: 'Join Meeting',
variant: PremiumButtonVariant.gradient,
onPressed: () => joinMeeting(),
),
);
}
Classes
- AnimatedCrossfade
- A widget that animates between two children with a crossfade effect.
- AnimatedEntry
- A widget that animates a single child with slide and fade animation.
- AnimatedGradientBackground
- An animated gradient background that smoothly transitions between colors.
- AnimatedGradientBorderContainer
- A container with an animated rotating gradient border.
- AnimatedGradientBorderPainter
- Custom painter for animated rotating gradient borders.
- AnimatedModal
- A widget that provides a scale + fade animation for modals.
-
AnimatedValue<
T> - A simple value notifier with smooth animation transitions.
- AnimatedValues
- Container for multiple animation values.
- AnimationConfig
- Configuration class for complex multi-property animations.
- AuroraBackground
- A simple aurora-style animated background.
- BounceIn
- A widget that bounces in when first displayed.
- GlassmorphicContainer
- Reusable frosted glass surface used for overlays and floating UI.
- GlowBorderContainer
- A container with a glowing border.
- GlowBorderPainter
- Custom painter for glowing borders.
- GlowCard
- A glowing card variant with optional gradient background.
- GlowContainer
- A container with customizable glowing effects.
- GlowIndicator
- A circular glowing indicator/badge.
- GradientBorderContainer
- A container with a gradient border.
- GradientBorderPainter
- Custom painter for gradient borders.
- MediasfuAnimations
- A comprehensive animation system for the modern MediaSFU UI.
- MediasfuBorders
- Border utilities for the modern MediaSFU UI.
- MediasfuColors
- Design tokens representing the modern MediaSFU colour palette.
- MediasfuSpacing
- Defines the canonical spacing scale for the modern MediaSFU UI.
- MediasfuTheme
- Factory for the modern MediaSFU ThemeData variants.
- MediasfuThemeModeNotifier
- Simple notifier used to switch between light/dark/system themes.
- MediasfuTypography
- Typography scale derived from the redesign specification.
- MeshGradientBackground
- A mesh gradient background with multiple focal points.
- A full-width gradient action button for modern modal footers.
- ModalGradientDivider
- A horizontal gradient divider used between modal sections.
- ModalHeader
- Reusable modal header with gradient icon, title, and close button.
- ModernStyleOptions
- Style configuration for modern MediaSFU components.
- ModernStyleProvider
- Provides style options to descendant widgets.
- ModernSwitch
- A premium toggle switch with gradient fill when active.
- NeumorphicButton
- A neumorphic button with press feedback.
- NeumorphicContainer
- A neumorphic container with soft shadow effects creating a 3D raised appearance.
- NeumorphicIconButton
- A circular neumorphic icon button.
- PremiumButton
- A premium button component with modern styling and animations.
- PremiumIconButton
- A circular icon button with premium styling.
- PremiumSearchField
- A premium search field with animated clear button and search icon.
- PremiumTextField
- A premium text field with modern styling and animations.
- PulseBorderContainer
- A container with an animated pulsing border effect.
- PulseButton
- An attention-grabbing pulsing button border.
- PulseRing
- A simple pulsing ring indicator.
- SectionCard
- A subtle card container used for grouped settings rows.
- SectionTitle
- A section title with a small gradient accent bar on the left.
- ShimmerEffect
- A shimmer animation effect for loading states.
- SkeletonCard
- A skeleton card layout preset.
- SkeletonListItem
- A skeleton list item preset.
- SkeletonLoader
- A skeleton loading placeholder with shimmer animation.
- SkeletonParagraph
- A skeleton paragraph with multiple text lines.
- SkeletonWrapper
- A wrapper that shows skeleton or content based on loading state.
- StaggeredAnimationList
- A widget that animates its children with staggered delays.
- StyledContainer
- A versatile styled container that integrates all premium visual effects.
Enums
- GradientAnimationType
- Types of gradient animations available.
- PremiumButtonSize
- Size presets for PremiumButton.
- PremiumButtonVariant
- Style variants for PremiumButton.
- PremiumTextFieldVariant
- Style variants for PremiumTextField.
Mixins
-
AnimationControllerMixin<
T extends StatefulWidget> - Mixin that provides common animation controller setup.
Extensions
- MediasfuThemeExtension on BuildContext
- Extension methods for easy theme access.
- ModernStyleContextExtension on BuildContext
- Extension methods for easier style option access.