# UI Components

- [Buttons and Text](/guides/develop/application-design/ui-components/buttons-and-text.md)
- [Badge](/guides/develop/application-design/ui-components/buttons-and-text/badge.md): Guide for using badges in your applications
- [Button](/guides/develop/application-design/ui-components/buttons-and-text/buttons.md): Guide for using buttons in your applications
- [Data Label](/guides/develop/application-design/ui-components/buttons-and-text/data-label.md): Guide for using data labels in your applications
- [Dropdown](/guides/develop/application-design/ui-components/buttons-and-text/dropdown.md): Guide for using dropdown in your applications
- [Image](/guides/develop/application-design/ui-components/buttons-and-text/image.md): Guide for using Image component in your applications
- [Label](/guides/develop/application-design/ui-components/buttons-and-text/label.md): Guide for using labels in your applications
- [Grids](/guides/develop/application-design/ui-components/grids.md)
- [Data Grid](/guides/develop/application-design/ui-components/grids/data-grid_new.md)
- [Power Grid](/guides/develop/application-design/ui-components/grids/power-grid.md)
- [Table](/guides/develop/application-design/ui-components/grids/table.md)
- [Input Controls](/guides/develop/application-design/ui-components/input-controls.md)
- [Calendar](/guides/develop/application-design/ui-components/input-controls/calendar.md): Guide for using the Calendar in your applications
- [Calendar Inline](/guides/develop/application-design/ui-components/input-controls/calendar-inline.md)
- [Checkbox](/guides/develop/application-design/ui-components/input-controls/checkbox.md): Guide for using checkboxes in your applications
- [Choice Group](/guides/develop/application-design/ui-components/input-controls/choice-group.md)
- [Combobox](/guides/develop/application-design/ui-components/input-controls/combobox.md)
- [Group Buttons](/guides/develop/application-design/ui-components/input-controls/group-buttons.md)
- [Html Area](/guides/develop/application-design/ui-components/input-controls/html-area.md)
- [Input Group](/guides/develop/application-design/ui-components/input-controls/input-group.md)
- [Rating](/guides/develop/application-design/ui-components/input-controls/rating.md)
- [Slider](/guides/develop/application-design/ui-components/input-controls/slider.md)
- [Switch](/guides/develop/application-design/ui-components/input-controls/switchbutton.md): Guide for using Switch in your applications
- [Spinner](/guides/develop/application-design/ui-components/input-controls/spinner.md): Guide for using Spinner in your applications
- [TextArea](/guides/develop/application-design/ui-components/input-controls/text-area.md)
- [Textbox](/guides/develop/application-design/ui-components/input-controls/textbox.md): Guide for using textbox in your applications
- [TextBoxGroup](/guides/develop/application-design/ui-components/input-controls/textboxgroup.md): Guide for using textboxGroup in your applications
- [Type Ahead](/guides/develop/application-design/ui-components/input-controls/typeahead.md)
- [select2tokenizer](/guides/develop/application-design/ui-components/input-controls/select2tokenizer.md)
- [Media](/guides/develop/application-design/ui-components/media.md)
- [Carousel](/guides/develop/application-design/ui-components/media/carousel.md)
- [Embedded YouTube](/guides/develop/application-design/ui-components/media/embedded-youtube.md)
- [File upload](/guides/develop/application-design/ui-components/media/fileupload.md)
- [Image label](/guides/develop/application-design/ui-components/media/image-label.md)
- [Lightbox Gallery](/guides/develop/application-design/ui-components/media/lightbox-gallery.md)
- [MultiFile Upload](/guides/develop/application-design/ui-components/media/multifile-upload.md)
- [PDF JS Viewer](/guides/develop/application-design/ui-components/media/pdf-js-viewer.md)
- [PDF Viewer](/guides/develop/application-design/ui-components/media/pdf-viewer.md)
- [Mobile](/guides/develop/application-design/ui-components/mobile.md)
- [Native Data List](/guides/develop/application-design/ui-components/mobile/native-data-list.md)
- [Native Select](/guides/develop/application-design/ui-components/mobile/native-select.md)
- [Navigation](/guides/develop/application-design/ui-components/navigation.md)
- [Breadcrumbs](/guides/develop/application-design/ui-components/navigation/breadcrumbs.md)
- [Navbar](/guides/develop/application-design/ui-components/navigation/navbar.md)
- [sidenav](/guides/develop/application-design/ui-components/navigation/sidenav.md)
- [Visualization](/guides/develop/application-design/ui-components/visualization.md)
- [DBTreeview](/guides/develop/application-design/ui-components/visualization/dbtreeview.md)
- [Progress Bar](/guides/develop/application-design/ui-components/visualization/progress-bar.md)
- [Treeview](/guides/develop/application-design/ui-components/visualization/tree.md)
- [ChartJS](/guides/develop/application-design/ui-components/visualization/svychartjs.md): Guide for using svyChartJS in your applications
- [Data Labels Plugin](/guides/develop/application-design/ui-components/visualization/svychartjs/data-labels-plugin.md)
- [Funnel Chart](/guides/develop/application-design/ui-components/visualization/svychartjs/funnel-chart.md)
- [OutLabels Plugin](/guides/develop/application-design/ui-components/visualization/svychartjs/outlabels-plugin.md)
- [TreeMap](/guides/develop/application-design/ui-components/visualization/svychartjs/treemap.md)
- [Specialized Components](/guides/develop/application-design/ui-components/specialized-components.md)
- [Smart Document Editor](/guides/develop/application-design/ui-components/specialized-components/home.md)
- [Servoy PDF Viewer](/guides/develop/application-design/ui-components/specialized-components/home-1.md)
- [Fullcalendar Component](/guides/develop/application-design/ui-components/specialized-components/home-2.md)
- [Fullcalendar](/guides/develop/application-design/ui-components/specialized-components/home-2/fullcalendar.md)
- [Fullcalendar Events](/guides/develop/application-design/ui-components/specialized-components/home-2/fullcalendar-events.md)
- [Migrating calendar from Smart and Web client to NG client](/guides/develop/application-design/ui-components/specialized-components/home-2/migrating-calendar-from-smart-and-web-client-to-ng-client.md)
- [Fullcalendar Component 2](/guides/develop/application-design/ui-components/specialized-components/fullcalendar2.md)
- [Canvas](/guides/develop/application-design/ui-components/specialized-components/home-3.md)
- [Google Charts](/guides/develop/application-design/ui-components/specialized-components/home-4.md)
- [Google Maps](/guides/develop/application-design/ui-components/specialized-components/home-5.md)
- [svySignature](/guides/develop/application-design/ui-components/specialized-components/home-6.md)
- [svywebcam](/guides/develop/application-design/ui-components/specialized-components/home-7.md)