@nice2dev/flutter-ui
Enterprise-grade Flutter widgets for building ERP applications.
Flutter counterpart of @nice2dev/ui (React).
Installation
dependencies:
nice2dev_flutter_ui:
path: ../nice2dev-flutter/nice2dev-flutter-ui
Quick Start
import 'package:nice2dev_flutter_ui/nice2dev_flutter_ui.dart';
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return NiceTheme(
data: NiceThemeData.light(),
child: MaterialApp(
home: Scaffold(
body: Row(
children: [
NiceMenu(
items: [
NiceMenuItem(id: 'home', label: 'Home', icon: Icons.home),
NiceMenuItem(id: 'orders', label: 'Orders', icon: Icons.list),
],
selectedId: 'home',
onItemTap: (item) => print(item.id),
),
Expanded(child: _buildContent()),
],
),
),
),
);
}
}
Available Widgets
Core
NiceTheme/NiceThemeData— theme provider (light/dark)NiceColorScheme— color systemNiceTypography— text stylesNiceI18n— localization
Editors
NiceTextInput,NiceNumberInput,NiceSelect,NiceCheckbox,NiceToggleNiceDatePicker,NiceDateRangeBox,NiceForm/NiceFormFieldNiceHtmlEditor— rich-text editorNiceSearch— search with filter groupsNiceInputOtp— one-time password inputNiceImageEditor— crop / rotate / brightness / contrastNiceImageAnnotator— pen, text, rectangle, arrow, eraser toolsNiceDocumentEditor— full document editor with formatting toolbar
Inputs (Specialized)
NicePinCodeInput,NicePhoneInput,NiceCurrencyInput,NiceRatingNicePasswordInputwithNicePasswordStrengthNiceKnob,NiceInPlaceEditor
Buttons
NiceButton/NiceIconButton— primary/secondary/ghost variants
Data Display
NiceDataGrid— sortable/filterable gridNiceTreeView,NiceCardView,NiceListNiceKanbanBoard,NiceDragDropNiceStatCard,NiceBadge,NiceTag
Display
NiceTimeline,NiceActivityFeed,NiceAuditLogNiceDashboard/NiceDashboardWidgetNiceTerminal,NiceDocumentViewerNiceCarousel,NiceGallery,NiceChat,NiceInboxNiceVirtualScroller,NiceNotificationCenterNiceFileManager
Navigation
NiceMenu— sidebar navigation (collapsible)NiceToolbar— horizontal toolbarNiceMultiView,NiceSplitter,NiceBreadcrumbNiceNavigation(breadcrumb → wizard → stepper family, 4 files)NiceWizardwithNiceApprovalStepNiceDynamicSidebar/NiceSidebarNav— full OmniVerk navigation suite (NiceModeSelector,NiceModuleLifecyclePanel,NiceOrganizationProfileForm, …)
Feedback
showNiceToast(),showNiceDialog()— imperative helpersNiceModal,NiceConfirmDialog— dialog widgetsNiceToastContainer/NiceToastItem— stacked toast managerNiceRetryPanel,NiceBottomSheetNiceTutorialProviderwithNiceTutorialStepNiceTimeoutFeedback— multi-phase timeout indicatorNiceEmptyStatevariants
Overlays
showNiceBottomSheet()— draggable bottom sheet with snap pointsNiceDrawer,NiceActionSheet,NiceWindow,NicePopover
Icons
NiceIcons— icon registry (4 files +NiceIconMorph,NiceInteractiveIcon)
Charts & Media
NiceChart— line, bar, pie, area variantsNiceAudioPlayer,NiceVideoPlayer,NiceWebcam
AI & Advanced
- 3D Scene host (
NiceScene3D) - AI widgets (
nice_ui_ai.dart)
Smart Home
NiceTempDial,NiceLockButton,NiceDeviceControlCardNiceSensorGaugePanel,NiceSceneActionBuilderNiceEnergyChart,NiceRoomGrid,NiceSceneBar- v2:
NiceFloorPlanCanvas,NiceAutomationRuleEditor
Backup
NiceBackupList,NiceBackupStatusBadge,NiceBackupTagEditorNiceBackupRestoreDialog,NiceBackupDiffViewer,NiceBackupScheduler
Developer Tools
NiceApiExplorer,NiceNetworkDiscoveryPanel,NiceComponentPlayground
Admin & Preferences
NiceLocaleManager,NiceNotificationPreferences,NiceSavedQueryPanel
Enterprise & Business
NicePermissionMatrix— role × permission grid with checkboxesNiceAuthGuard— permission-based widget guardNiceConsentPanel— GDPR consent toggles per categoryNiceInvoiceLineEditor— editable invoice lines with tax calculationNiceVatInput— EU VAT number field with format validationNiceTaxRatePicker— tax-rate dropdown selectorNiceAccountPicker— searchable GL account selectorNiceScannerControl— camera / barcode scan surfaceNiceContactPicker— contact search + selection dialog
Gamification
NiceLeaderboard— ranked list with podium, avatars and rank-change indicatorNiceAchievementBadge— badge with icon, tier and progress ringNiceQuestCard— quest / mission card with objectives, rewards and statusNiceXPBar— animated experience-points bar with level labels
Tools (v6)
NiceSpeechToText— live voice-to-text with recording animationNiceReportBuilder— drag-and-drop report block composerNiceDesignTokens— interactive design-token explorer / editorNiceDiagramDesigner— node-edge diagram canvas with drag-to-repositionNiceDisplayStylePicker— grid / list / board / table view-mode selector
Libraries
- admin/nice_admin
- admin/nice_admin2
- admin/nice_locale_prefs
- admin/nice_profile
- admin/nice_settings
- Settings and preferences UI components for Nice2Dev Flutter UI Includes: Settings pages, preference groups, toggles, configuration panels
- auth/nice_auth
- auth/nice_auth2
- auth/nice_onboarding
- backup/nice_backup
- charts/nice_advanced_charts
- Advanced charts for Nice2Dev Flutter UI Includes: Gauges, Sparklines, Funnels, Treemaps, Stock charts, Sankey diagrams
- charts/nice_charts
- charts/nice_charts2
- charts/nice_charts3
- core/nice_accessibility
- core/nice_accessibility2
- core/nice_animations
- core/nice_app_shell
- core/nice_colors
- core/nice_i18n
- core/nice_localization
- core/nice_platform
- core/nice_router
- core/nice_shortcuts
- core/nice_theme
- core/nice_typography
- data/nice_card_view
- data/nice_data2
- data/nice_data3
- data/nice_data4
- data/nice_data5
- data/nice_data_grid
- data/nice_drag_drop
- Drag and drop utilities for Nice2Dev Flutter UI Includes: Drag handles, drop zones, sortable lists, drag overlays
- data/nice_kanban
- Kanban board components for Nice2Dev Flutter UI Includes: Kanban board, columns, cards, swimlanes
- data/nice_list
- data/nice_tree_view
- display/nice_dashboard
- Dashboard widgets for Nice2Dev Flutter UI Includes: Stat cards, KPI widgets, summary tiles, metric displays
- display/nice_display
- display/nice_display2
- display/nice_display3
- display/nice_document_viewer
- Document viewer components for Nice2Dev Flutter UI Includes: PDF viewer placeholder, document renderer, page navigation
- display/nice_file_manager
- File manager widgets for Nice2Dev Flutter UI Includes: File browser, file tree, file picker, file upload zone
- display/nice_media2
- display/nice_media_widgets
- Tools and data display widgets for Nice2Dev Flutter UI Includes: Carousel, Gallery, Chat, VirtualScroller, Inbox, NotificationCenter
- display/nice_terminal
- Terminal UI components for Nice2Dev Flutter UI Includes: Terminal emulator, command line, log viewer
- display/nice_timeline
- Timeline and history components for Nice2Dev Flutter UI Includes: Timeline, activity feed, history viewer, version history
- editors/nice_autocomplete
- editors/nice_checkbox
- editors/nice_color_picker
- editors/nice_date_picker
- editors/nice_date_range_box
- editors/nice_editors2
- editors/nice_editors3
- editors/nice_editors4
- editors/nice_editors5
- editors/nice_editors6
- editors/nice_editors7
- editors/nice_editors8
- editors/nice_feedback
- editors/nice_form
- editors/nice_html_editor
- editors/nice_number_input
- editors/nice_radio_group
- editors/nice_range_slider
- editors/nice_search
- Advanced search components for Nice2Dev Flutter UI Includes: Search bars, filter panels, saved searches, search results
- editors/nice_select
- editors/nice_tag_box
- editors/nice_text_area
- editors/nice_text_input
- editors/nice_toggle
- editors/nice_validation
- effects/nice_animations
- enterprise/nice_enterprise
- events/nice_events
- events/nice_events2
- feedback/nice_dialog
- feedback/nice_empty_states
- feedback/nice_feedback
- feedback/nice_feedback2
- feedback/nice_feedback3
- feedback/nice_timeout_feedback
- feedback/nice_toast
- gamification/nice_gamification
- icons/nice_icon_effects
- Advanced icon effects for Nice2Dev Flutter UI Includes: Icon morphing, micro-interactions, particle effects, Lottie-like animations
- icons/nice_icon_registry
- icons/nice_icons
- icons/nice_icons2
- icons/nice_icons3
- icons/nice_icons4
- inputs/nice_specialized_inputs
- Specialized input controls for Nice2Dev Flutter UI Includes: PIN/OTP, Phone, Signature, Currency, Rating, Password inputs
- layouts/nice_layouts2
- layouts/nice_responsive
- navigation/nice_multi_view
- navigation/nice_omniwerk
- navigation/nice_overlays
- Navigation and overlay widgets for Nice2Dev Flutter UI Includes: Drawer, ActionSheet, Tutorial, Window, ErrorBoundary, PullToRefresh
- navigation/nice_splitter
- navigation/nice_toolbar
- navigation/nice_wizard
- Wizard and stepper components for Nice2Dev Flutter UI Includes: Multi-step wizards, form steppers, progress trackers
- nice2dev_flutter_ui
- NiceToDev Flutter UI — Enterprise-grade widgets for ERP applications.
- overlays/nice_notification
- overlays/nice_overlays
- overlays/nice_overlays2
- planning/nice_planning
- planning/nice_planning2
- smart-home/nice_smart_home
- smart_home/nice_smart_home
- smart_home/nice_smart_home2
- social/nice_messaging
- tools/nice_benchmarks
- tools/nice_cross_platform
- tools/nice_developer_tools
- tools/nice_export
- Export and print utilities for Nice2Dev Flutter UI Includes: Export buttons, print preview, data exporters
- tools/nice_json_schema_form
- tools/nice_module_system
- tools/nice_print
- tools/nice_tools
- tools/nice_tools2
- tools/nice_tools3
- tools/nice_tools4
- tools/nice_tools5
- tools/nice_tools6
- tools/nice_tree_shaking
- tools/nice_utilities
- tools/nice_view_engine