components_modern/components_modern library

Core theme exports

Classes

AnimatedIconButton
Micro-animated icon button used for control surfaces (mic, camera, etc.).
GlassmorphicContainer
Reusable frosted glass surface used for overlays and floating UI.
GradientCard
Elevated gradient card used for hero sections and highlight tiles.
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.
ModernAdvancedPanelComponent
A modern advanced recording configuration panel with glassmorphic styling.
ModernAdvancedPanelComponentOptions
Configuration options for ModernAdvancedPanelComponent. Uses the same AdvancedPanelComponentParameters as the original component.
ModernAlertComponent
Modern redesigned AlertComponent with glassmorphic styling, premium animations, and glow effects for success/error states.
ModernAudioCard
A modern audio-only participant card with glassmorphic design, animated waveform visualization, and smooth animations. Uses the same AudioCardOptions as the original component.
ModernAudioDecibelCheck
ModernAudioDecibelCheck - A utility widget that periodically checks audio decibel levels and adjusts waveform visibility through callbacks.
ModernAudioDecibelCheckOptions
Configuration options for the ModernAudioDecibelCheck widget.
ModernBackgroundModal
Modern background modal with glassmorphic design. Uses the same BackgroundModalOptions as the original component.
ModernBreakoutRoomsModal
Modern glassmorphic breakout rooms management modal.
ModernCardVideoDisplay
A modern video display widget with glassmorphic styling and smooth animations.
ModernCardVideoDisplayContainerContext
Provides context data when building a custom container for ModernCardVideoDisplay.
ModernCardVideoDisplayOptions
Configuration options for the modern CardVideoDisplay widget.
ModernCardVideoDisplayVideoContext
Provides context data when building a custom video surface for ModernCardVideoDisplay.
ModernCoHostModal
Modern glassmorphic co-host management modal.
ModernConfirmExitModal
Modern glassmorphic confirm exit modal with smooth animations.
ModernConfirmHereModal
Modern redesigned ConfirmHereModal with glassmorphic styling and circular countdown. Retains all business logic from the original component.
ModernControlButtonsComponent
Modern replacement for ControlButtonsComponent.
ModernCustomButton
ModernCustomButton - Defines options for each button within ModernCustomButtons.
ModernCustomButtons
ModernCustomButtons - A modern widget displaying a list of customizable buttons.
ModernCustomButtonsOptions
ModernCustomButtonsOptions - Configuration options for multiple buttons.
ModernDisplaySettingsModal
Modern display settings modal with glassmorphic design. Uses the same DisplaySettingsModalOptions as the original component.
ModernEventSettingsModal
Modern event settings modal with glassmorphic design. Uses the same EventSettingsModalOptions as the original component.
ModernFlexibleGrid
Modern styled flexible grid that accepts FlexibleGridOptions. Provides modern visual treatment while maintaining API compatibility with the original FlexibleGrid.
ModernLoadingModal
Modern redesigned LoadingModal with glassmorphic styling, gradient spinner, and premium animations.
ModernMainContainerComponent
Modern redesigned MainContainerComponent with glassmorphic styling. Retains all business logic from the original component.
ModernMediaSettingsModal
Modern media settings modal with glassmorphic design. Uses the same MediaSettingsModalOptions as the original component.
ModernMediasfuGeneric
MediasfuGeneric - A generic widget for initializing and managing Mediasfu functionalities.
ModernMediasfuGenericOptions
ModernMeetingIdComponent
A modern glassmorphic widget displaying a read-only meeting/event ID.
ModernMeetingIdComponentOptions
Configuration options for the ModernMeetingIdComponent widget.
ModernMeetingPasscodeComponent
A modern glassmorphic widget displaying a read-only meeting passcode.
ModernMeetingPasscodeComponentOptions
Configuration options for the ModernMeetingPasscodeComponent widget.
ModernMeetingProgressTimer
ModernMeetingProgressTimer - Displays the meeting progress time with glassmorphic styling.
ModernMenuModal
Modern redesigned MenuModal with glassmorphic styling, premium animations, theme selector, and enhanced visual effects.
ModernMessagePanel
A modern glassmorphic message panel with smooth animations and refined styling.
ModernMessagePanelOptions
Configuration options for the modern message panel.
ModernMessagesModal
Modern tabbed chat interface with glassmorphic design. Uses the same MessagesModalOptions as the original component.
ModernMiniAudioPlayer
A modern Flutter widget for playing audio streams with glassmorphic styling.
ModernMiniAudioPlayerOptions
Options for ModernMiniAudioPlayer.
ModernMiniAudioPlayerParameters
Parameters for ModernMiniAudioPlayer.
ModernMiniCard
A modern compact avatar/badge widget with glassmorphic styling.
ModernPagination
Modern styled pagination that accepts PaginationOptions. Provides glassmorphic styling and modern visual treatment while maintaining API compatibility with the original Pagination.
ModernPanelistsModal
ModernPanelistsModal - Premium styled modal for managing panelists.
ModernPanelistsModalOptions
Options for the ModernPanelistsModal widget
ModernParticipantList
A modern participant list with glassmorphic styling.
ModernParticipantListOptions
Configuration options for ModernParticipantList
ModernParticipantListOthers
A modern read-only participant list for viewing other participants.
ModernParticipantListOthersOptions
Configuration options for ModernParticipantListOthers
ModernParticipantsModal
Modern participants modal with glassmorphic design. Uses the same ParticipantsModalOptions as the original component.
ModernPermissionsModal
ModernPermissionsModal - Premium styled modal for managing participant permissions.
ModernPermissionsModalOptions
Options for the ModernPermissionsModal widget
ModernPollModal
Modern poll modal with glassmorphic design. Uses the same PollModalOptions as the original component.
ModernPreJoinPage
Modern redesigned PreJoinPage with identical business logic. Only the UI layer is modernized; all callbacks and socket logic remain unchanged.
ModernRecordingModal
Modern recording settings modal with glassmorphic design. Uses the same RecordingModalOptions as the original component.
ModernRequestsModal
Modern requests modal with glassmorphic design. Uses the same RequestsModalOptions as the original component.
ModernShareButtonOptions
Configuration options for a single share button in ModernShareButtonsComponent.
ModernShareButtonsComponent
A modern glassmorphic widget displaying social share buttons.
ModernShareButtonsComponentOptions
Configuration options for the ModernShareButtonsComponent widget.
ModernStandardPanelComponent
A modern standard recording configuration panel with glassmorphic styling.
ModernStandardPanelComponentOptions
Configuration options for ModernStandardPanelComponent. Uses the same StandardPanelComponentParameters as the original component.
ModernVideoCard
A modern video card with glassmorphic overlays, smooth animations, and an enhanced visual design. Uses the same VideoCardOptions as the original component.
ModernWaitingRoomModal
Modern waiting room modal with glassmorphic design. Uses the same WaitingRoomModalOptions as the original component.
ModernWelcomePage
Modern redesigned WelcomePage with glassmorphic styling. Retains all business logic from the original component.
ShimmerCard
Card-style shimmer skeleton for video grid placeholders.
ShimmerLoading
Shimmer loading placeholder used while data is loading.

Enums

SidebarContent
Enum to track which content is displayed in the desktop sidebar

Extensions

MediasfuThemeExtension on BuildContext
Extension methods for easy theme access.

Functions

modernAlertComponentBuilder({required AlertComponentOptions options}) Widget
Convenience builder conforming to AlertComponentType signature.
modernConfirmHereModalBuilder({required ConfirmHereModalOptions options}) Widget
Convenience builder conforming to ConfirmHereModalType signature.
modernLoadingModalBuilder({required LoadingModalOptions options}) Widget
Convenience builder conforming to LoadingModalType signature.
modernMainContainerComponentBuilder({required MainContainerComponentOptions options}) Widget
Convenience builder conforming to MainContainerComponentType signature.
modernMenuModalBuilder(MenuModalOptions options) Widget
Convenience builder conforming to MenuModalType signature.
modernPreJoinPageBuilder({PreJoinPageOptions? options}) Widget
Convenience builder conforming to PreJoinPageType signature.
modernWelcomePageBuilder({required WelcomePageOptions options}) Widget
Convenience builder conforming to WelcomePageType signature.

Typedefs

ModernAdvancedPanelType = Widget Function({required ModernAdvancedPanelComponentOptions options})
ModernAudioCardType = Widget Function({required AudioCardOptions options})
ModernAudioDecibelCheckType = Future<void> Function({required ModernAudioDecibelCheckOptions options})
ModernBackgroundModalType = Widget Function({required BackgroundModalOptions options})
ModernCardVideoDisplayContainerBuilder = Widget Function(ModernCardVideoDisplayContainerContext context)
ModernCardVideoDisplayType = Widget Function({required ModernCardVideoDisplayOptions options})
ModernCardVideoDisplayVideoBuilder = Widget Function(ModernCardVideoDisplayVideoContext context)
ModernCustomButtonsType = Widget Function(ModernCustomButtonsOptions options)
ModernDisplaySettingsModalType = Widget Function({required DisplaySettingsModalOptions options})
ModernEventSettingsModalType = Widget Function({required EventSettingsModalOptions options})
ModernFlexibleGridType = Widget Function({required FlexibleGridOptions options})
ModernMediaSettingsModalType = Widget Function({required MediaSettingsModalOptions options})
ModernMeetingIdComponentType = Widget Function({required ModernMeetingIdComponentOptions options})
ModernMeetingPasscodeComponentType = Widget Function(ModernMeetingPasscodeComponentOptions options)
ModernMeetingProgressTimerType = Widget Function({required MeetingProgressTimerOptions options})
ModernMessagePanelType = ModernMessagePanel Function(ModernMessagePanelOptions options)
ModernMessagesModalType = ModernMessagesModal Function({required MessagesModalOptions options})
ModernMiniAudioPlayerType = Widget Function(ModernMiniAudioPlayerOptions options)
ModernMiniCardType = Widget Function({required MiniCardOptions options})
ModernPaginationType = Widget Function({required PaginationOptions options})
ModernPanelistsModalType = Widget Function({required ModernPanelistsModalOptions options})
ModernParticipantListOthersType = Widget Function({required ModernParticipantListOthersOptions options})
ModernParticipantListType = Widget Function({required ModernParticipantListOptions options})
ModernParticipantsModalType = Widget Function({required ParticipantsModalOptions options})
ModernPermissionsModalType = Widget Function({required ModernPermissionsModalOptions options})
ModernPollModalType = ModernPollModal Function({required PollModalOptions options})
ModernRecordingModalType = Widget Function({required RecordingModalOptions options})
ModernRequestsModalType = Widget Function({required RequestsModalOptions options})
ModernShareButtonsComponentType = Widget Function(ModernShareButtonsComponentOptions options)
ModernStandardPanelType = Widget Function({required ModernStandardPanelComponentOptions options})
ModernVideoCardType = Widget Function({required VideoCardOptions options})
ModernWaitingRoomModalType = Widget Function({required WaitingRoomModalOptions options})