Den Design System
Introduction
DDS Flutter is a versatile library designed to enhance Flutter app development. It offers a rich collection of pre-built, customizable UI components, reducing development complexity and enabling faster project delivery.
Why Choose DDS Flutter?
DDS Flutter streamlines app creation by providing ready-to-use UI elements, reducing both the number of lines of code required and development time. With its performance-focused design, it ensures smooth functionality and scalability for applications of all sizes.
Benefits of Using DDS Flutter
- Efficiency: Accelerates development with pre-built, optimized components
- Code Reduction: Minimizes repetitive coding tasks for developers
- Customization: Adapts to unique app requirements with flexible configurations
- Scalability: Supports apps from small projects to enterprise-level solutions
Unlock the potential of DDS Flutter to build faster, write less code, and deliver exceptional mobile experiences effortlessly.
1. Add Dependency
Add the package to your pubspec.yaml file:
dependencies:
den_design_system: ^<latestVersion>
Or run this command with Flutter:
flutter pub add den_design_system
2. Import and Use DDS Components
import 'package:den_design_system/widgets/component/component.dart';
Libraries
- colors/app_color
- layouts/blog_list_screen
- layouts/book_ride_layout
- layouts/book_ride_search_layout
- layouts/empty_state_v1_layout
- layouts/empty_state_v2_layout
- layouts/empty_state_v3_layout
- layouts/empty_state_v4_layout
- layouts/enter_otp_code_layout
- layouts/failed_screen_output_layout
- layouts/failure_screen_bottom_sheet_layout
- layouts/feedback_pop_up_v1_layout
- layouts/feedback_pop_up_v2_layout
- layouts/feedback_pop_up_v3_layout
- layouts/forgot_password_layout
- layouts/individual_blog_layout
- layouts/messaging_chat_screen
- layouts/new_password_layout
- layouts/otp_input_number_layout
- layouts/profile_screen
- layouts/profile_settings_layout
- layouts/pull_to_refresh_layout
- layouts/sign_in_page_one_layout
- layouts/sign_up_page_one_layout
- layouts/signin_variant2_layout
- layouts/signInEmailV3
- layouts/signInMobileV3
- layouts/signup_variant2_layout
- layouts/signUpV3
- layouts/success_screen_bottom_sheet_layout
- layouts/success_screen_output_layout
- layouts/swipe_screen
- main
- stories/accordion_story
- stories/avatar_story
- stories/badges_story
- stories/blog_list_story
- stories/book_ride_search_story
- stories/book_ride_story
- stories/bottomSheets_story
- stories/captureImage_story
- stories/card_story
- stories/chatScreen_story
- stories/checkbox_group_story
- stories/checkbox_nested_story
- stories/checkbox_story
- stories/chip_story
- stories/container_story
- stories/datePicker_story
- stories/dateRangePicker_story
- stories/divider_story
- stories/drawer_story
- stories/dropdown_story
- stories/empty_state_v1_story
- stories/empty_state_v2_story
- stories/empty_state_v3_story
- stories/empty_state_v4_story
- stories/enter_otp_code_story
- stories/failed_screen_story
- stories/failure_screen_bottom_sheet_story
- stories/feedback_pop_up_v1_story
- stories/feedback_pop_up_v2_story
- stories/feedback_pop_up_v3_story
- stories/fileUpload_story
- stories/filter_story
- stories/forgot_password_story
- stories/hyperLink_story
- stories/image_viewer_story
- stories/imageUpload_story
- stories/individual_blog_post_story
- stories/label_story
- stories/loader_story
- stories/logo_story
- stories/modalDialogue_story
- stories/new_password_story
- stories/otp_input_number_story
- stories/profile_settings_story
- stories/profileScreen_story
- stories/progress_story
- stories/pull_to_refresh_story
- stories/radio_group
- stories/radio_group_story
- stories/radio_story
- stories/rating_stars_v2_story
- stories/ratingStars_story
- stories/search_story
- stories/sign_in_page_variant_one_story
- stories/sign_up_page_variant_one_story
- stories/signin_variant2_story
- stories/signInEmailV3_story
- stories/signInMobileV3_story
- stories/signup_variant2_story
- stories/signUpV3_story
- stories/slider_story
- stories/snackbar_story
- stories/snapAndUpload_stroy
- stories/stepper_story
- stories/success_screen_bottom_sheet_story
- stories/success_screen_story
- stories/swipableCard_story
- stories/swipe_screen_story
- stories/swipeButton_story
- stories/switch_story
- stories/tabs_story
- stories/textField_story
- stories/timePicker_story
- stories/toast_story
- stories/tooltip_story
- themes/app_theme
- utils/accordion/accordion.utils
- utils/blog/articleView
- utils/blog/blogPost
- utils/chatScreen/chatScreen.utils
- utils/checkbox/checkbox.utils
- utils/datePicker/datePicker.utils
- utils/fileUpload/fileUpload.utils
- utils/radio/radio.utils
- utils/tabs/tabs.utils
- utils/textfield/textField.utils
- utils/timePicker/timePicker.utils
- utils/typography/typography.utils
- widgets/accordion/accordion
- widgets/avatar/avatar
- widgets/badges/badges
- widgets/badges/badgev2
- widgets/bottomNavigationBar/expandable_fab
- widgets/bottomSheets/bottom_sheets
- widgets/captureImage/cameraModule
- widgets/captureImage/captureImage
- widgets/captureImage/imageEditor
- widgets/captureImage/imagePainter
- widgets/captureImage/imagePreview
- widgets/card/card
- widgets/checkbox/checkbox
- widgets/checkboxGroup/checkbox_group
- widgets/chips/chips
- widgets/container/container
- widgets/datePicker/datePicker
- widgets/dateRangePicker/customCalender
- widgets/dateRangePicker/dateRangePicker
- widgets/divider/divider
- widgets/drawer/drawer
- widgets/dropdown/dropdown
- widgets/fileUpload/fileUpload
- widgets/filter/filter
- widgets/hyperLink/hyperLink
- widgets/image viewer/image_viewer
- widgets/imageUpload/image_upload
- widgets/labels/labels
- widgets/loader/loader
- widgets/logo/logo
- widgets/messagingChat/receiverMessage_box
- widgets/messagingChat/senderMessage_box
- widgets/modalDialogue/modal_dialogue
- widgets/nestedCheckbox/checkbox_nested
- widgets/progressIndicators/progress
- widgets/radio/radio
- widgets/radioGroup/radio_group
- widgets/ratingStars/rating_stars_v2
- widgets/ratingStars/ratingStars
- widgets/search/search
- widgets/sliders/custom_icon_slider
- widgets/sliders/custom_tooltip_slider
- widgets/sliders/sliders
- widgets/snackbar/snackbar
- widgets/snapAndUpload/camera_result
- widgets/snapAndUpload/cameraScreen
- widgets/snapAndUpload/image_data
- widgets/snapAndUpload/imagePickerWithImagePainter
- widgets/snapAndUpload/snapAndUpload
- widgets/stepper/stepper
- widgets/swipableCard/swipable_card
- widgets/switch/switch
- widgets/tabs/tabs
- widgets/textField/custom_text_selection_controls
- widgets/textField/textField
- widgets/timePicker/dialTimePicker
- widgets/timePicker/inputTimePicker
- widgets/timePicker/spinnerTimePicker
- widgets/timePicker/timePicker
- widgets/toast/toast
- widgets/tooltip/tooltip
- widgets/typography/typography