# Nebux Design System

## Docs

- [Button Configuration Classes](https://synapsync.mintlify.app/api/button-configs.md): Complete API reference for button configuration classes in Nebux Design System
- [NbxInputParameters](https://synapsync.mintlify.app/api/input-parameters.md): Complete API reference for NbxInputParameters configuration class
- [NbxButton](https://synapsync.mintlify.app/api/nbx-button.md): A customizable button widget that supports different variants, icons, and loading states
- [NbxCountryPickerInput](https://synapsync.mintlify.app/api/nbx-country-picker.md): A read-only input widget that opens a country picker dialog
- [NbxNetworkImage](https://synapsync.mintlify.app/api/nbx-network-image.md): A robust network image widget with caching, loading states, and error handling
- [NbxPhoneFieldWidget](https://synapsync.mintlify.app/api/nbx-phone-field.md): A widget that combines country picker and phone number input with validation
- [NbxScaffold](https://synapsync.mintlify.app/api/nbx-scaffold.md): A custom scaffold widget providing consistent layout structure with enhanced functionality
- [Shimmer Components](https://synapsync.mintlify.app/api/nbx-shimmers.md): Comprehensive shimmer/skeleton loading components for professional loading states
- [NbxTextFieldWidget](https://synapsync.mintlify.app/api/nbx-text-field.md): A standalone text input widget without Form integration
- [NebuxColors](https://synapsync.mintlify.app/api/nebux-colors.md): Color system with semantic color definitions for light and dark themes
- [NebuxDebouncer](https://synapsync.mintlify.app/api/nebux-debouncer.md): Complete API reference for NebuxDebouncer utility class
- [NebuxFontSize](https://synapsync.mintlify.app/api/nebux-font-size.md): Font size scale system from 8px to 36px for consistent typography sizing
- [NebuxTheme](https://synapsync.mintlify.app/api/nebux-theme.md): Main theme class that integrates colors, typography, and spacing for the NebuX Design System
- [NebuxTypography](https://synapsync.mintlify.app/api/nebux-typography.md): Typography system with text styles for headings, paragraphs, labels, and actions
- [NebuxUtils](https://synapsync.mintlify.app/api/nebux-utils.md): Complete API reference for NebuxUtils utility class
- [Scaffold Configuration Classes](https://synapsync.mintlify.app/api/scaffold-configs.md): Complete API reference for NbxScaffold configuration classes
- [Spacing Constants](https://synapsync.mintlify.app/api/spacing-constants.md): Complete reference for pre-defined spacing constants in Nebux Design System
- [Buttons](https://synapsync.mintlify.app/components/buttons.md): Button components with multiple variants and states
- [Images](https://synapsync.mintlify.app/components/images.md): Network image component with caching and loading states
- [Inputs](https://synapsync.mintlify.app/components/inputs.md): Text fields, phone inputs, and country pickers with validation
- [Layout](https://synapsync.mintlify.app/components/layout.md): Scaffold and layout components for consistent app structure
- [Loading States](https://synapsync.mintlify.app/components/loading-states.md): Shimmer components for professional skeleton screens
- [Components Overview](https://synapsync.mintlify.app/components/overview.md): Explore the Nebux Design System component library
- [Colors](https://synapsync.mintlify.app/core/colors.md): Comprehensive color system with semantic tokens for light and dark themes
- [Spacing](https://synapsync.mintlify.app/core/spacing.md): Consistent spacing utilities and constants for layout and component spacing
- [Theme system](https://synapsync.mintlify.app/core/theme-system.md): Learn how to set up and customize the NebuxTheme system with light and dark themes
- [Typography](https://synapsync.mintlify.app/core/typography.md): Comprehensive text style system with semantic type scales for consistent typography
- [BuildContext Extensions](https://synapsync.mintlify.app/extensions/context.md): Access Nebux theme, colors, and typography from any BuildContext
- [Utilities](https://synapsync.mintlify.app/extensions/utilities.md): Utility classes for common operations and debouncing
- [Widget Extensions](https://synapsync.mintlify.app/extensions/widgets.md): Convenient padding and margin extensions for Flutter widgets
- [Advanced Usage](https://synapsync.mintlify.app/guides/advanced-usage.md): Advanced patterns, techniques, and best practices
- [Customization Guide](https://synapsync.mintlify.app/guides/customization.md): Learn how to customize themes, colors, typography, and components
- [Migration Guide](https://synapsync.mintlify.app/guides/migration.md): Migrate from other design systems and between Nebux versions
- [Installation](https://synapsync.mintlify.app/installation.md): Add Nebux Design System to your Flutter project and get started building beautiful UIs
- [Introduction](https://synapsync.mintlify.app/introduction.md): A comprehensive Flutter design system that provides consistent theming, typography, spacing, and UI components for modern applications
- [Quickstart](https://synapsync.mintlify.app/quickstart.md): Build your first screen with Nebux Design System in minutes