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
ModernAudioDecibelCheckwidget. - 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
CardVideoDisplaywidget. - 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 withinModernCustomButtons. - 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
ModernMeetingIdComponentwidget. - ModernMeetingPasscodeComponent
- A modern glassmorphic widget displaying a read-only meeting passcode.
- ModernMeetingPasscodeComponentOptions
-
Configuration options for the
ModernMeetingPasscodeComponentwidget. - 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.
-
Configuration options for a single share button in
ModernShareButtonsComponent. - A modern glassmorphic widget displaying social share buttons.
-
Configuration options for the
ModernShareButtonsComponentwidget. - 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})
- ModernStandardPanelType = Widget Function({required ModernStandardPanelComponentOptions options})
- ModernVideoCardType = Widget Function({required VideoCardOptions options})
- ModernWaitingRoomModalType = Widget Function({required WaitingRoomModalOptions options})