> For the complete documentation index, see [llms.txt](https://docs.digia.tech/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.digia.tech/ui-building-blocks.md).

# UI Building Blocks

- [Design System](https://docs.digia.tech/ui-building-blocks/design-system.md)
- [Colors](https://docs.digia.tech/ui-building-blocks/design-system/colors.md)
- [Typography](https://docs.digia.tech/ui-building-blocks/design-system/typography.md)
- [Pages](https://docs.digia.tech/ui-building-blocks/pages.md)
- [Components](https://docs.digia.tech/ui-building-blocks/components.md)
- [Layout System](https://docs.digia.tech/ui-building-blocks/layout-system.md)
- [Widget Catalog](https://docs.digia.tech/ui-building-blocks/widgets.md)
- [Layout & Structure](https://docs.digia.tech/ui-building-blocks/widgets/layout-structure-widgets.md)
- [Container](https://docs.digia.tech/ui-building-blocks/widgets/layout-structure-widgets/container.md)
- [Row & Column](https://docs.digia.tech/ui-building-blocks/widgets/layout-structure-widgets/flex.md)
- [Stack](https://docs.digia.tech/ui-building-blocks/widgets/layout-structure-widgets/stack.md)
- [Wrap](https://docs.digia.tech/ui-building-blocks/widgets/layout-structure-widgets/wrap.md)
- [Sized Box](https://docs.digia.tech/ui-building-blocks/widgets/layout-structure-widgets/sized-box.md)
- [Safe Area](https://docs.digia.tech/ui-building-blocks/widgets/layout-structure-widgets/safe-area.md)
- [Scaffold](https://docs.digia.tech/ui-building-blocks/widgets/layout-structure-widgets/scaffold.md)
- [AppBar](https://docs.digia.tech/ui-building-blocks/widgets/layout-structure-widgets/appbar.md)
- [Overlay](https://docs.digia.tech/ui-building-blocks/widgets/layout-structure-widgets/overlay.md)
- [Conditional Builder](https://docs.digia.tech/ui-building-blocks/widgets/layout-structure-widgets/conditional-builder.md)
- [Expandable](https://docs.digia.tech/ui-building-blocks/widgets/layout-structure-widgets/expandable.md)
- [Content & Display](https://docs.digia.tech/ui-building-blocks/widgets/content-display-widgets.md)
- [Text](https://docs.digia.tech/ui-building-blocks/widgets/content-display-widgets/text.md)
- [Rich Text](https://docs.digia.tech/ui-building-blocks/widgets/content-display-widgets/rich-text.md)
- [Image](https://docs.digia.tech/ui-building-blocks/widgets/content-display-widgets/image.md)
- [Icon](https://docs.digia.tech/ui-building-blocks/widgets/content-display-widgets/icon.md)
- [Avatar](https://docs.digia.tech/ui-building-blocks/widgets/content-display-widgets/avatar.md)
- [Carousel](https://docs.digia.tech/ui-building-blocks/widgets/content-display-widgets/carousel.md)
- [Circular Progress Bar](https://docs.digia.tech/ui-building-blocks/widgets/content-display-widgets/circular-progress-bar.md)
- [Linear Progress Bar](https://docs.digia.tech/ui-building-blocks/widgets/content-display-widgets/linear-progress-bar.md)
- [Dividers](https://docs.digia.tech/ui-building-blocks/widgets/content-display-widgets/dividers.md)
- [Markdown](https://docs.digia.tech/ui-building-blocks/widgets/content-display-widgets/markdown.md)
- [Web View](https://docs.digia.tech/ui-building-blocks/widgets/content-display-widgets/web-view.md)
- [YouTube Player](https://docs.digia.tech/ui-building-blocks/widgets/content-display-widgets/youtube-player.md)
- [Video Player](https://docs.digia.tech/ui-building-blocks/widgets/content-display-widgets/video-player.md)
- [Story](https://docs.digia.tech/ui-building-blocks/widgets/content-display-widgets/story.md)
- [Story Video Player](https://docs.digia.tech/ui-building-blocks/widgets/content-display-widgets/story-video-player.md)
- [Input & Forms](https://docs.digia.tech/ui-building-blocks/widgets/input-interaction-widgets.md)
- [Scratch Card](https://docs.digia.tech/ui-building-blocks/widgets/input-interaction-widgets/scratch-card.md)
- [Button](https://docs.digia.tech/ui-building-blocks/widgets/input-interaction-widgets/button.md)
- [Checkbox](https://docs.digia.tech/ui-building-blocks/widgets/input-interaction-widgets/checkbox.md)
- [Switch](https://docs.digia.tech/ui-building-blocks/widgets/input-interaction-widgets/switch.md)
- [Text Form Field](https://docs.digia.tech/ui-building-blocks/widgets/input-interaction-widgets/text-form-field.md)
- [PinField](https://docs.digia.tech/ui-building-blocks/widgets/input-interaction-widgets/pinfield.md)
- [Calendar](https://docs.digia.tech/ui-building-blocks/widgets/input-interaction-widgets/calendar.md)
- [Range Slider](https://docs.digia.tech/ui-building-blocks/widgets/input-interaction-widgets/range-slider.md)
- [Slider](https://docs.digia.tech/ui-building-blocks/widgets/input-interaction-widgets/slider.md)
- [State Container](https://docs.digia.tech/ui-building-blocks/widgets/input-interaction-widgets/state-container.md)
- [Timer](https://docs.digia.tech/ui-building-blocks/widgets/input-interaction-widgets/timer.md)
- [Navigation Widgets](https://docs.digia.tech/ui-building-blocks/widgets/navigation-widgets.md)
- [Navigation Bar](https://docs.digia.tech/ui-building-blocks/widgets/navigation-widgets/navigation-bar.md)
- [Navigation Bar Item](https://docs.digia.tech/ui-building-blocks/widgets/navigation-widgets/navigation-bar-item.md)
- [Navigation Bar Custom](https://docs.digia.tech/ui-building-blocks/widgets/navigation-widgets/navigation-bar-custom.md)
- [Navigation Bar Item Custom](https://docs.digia.tech/ui-building-blocks/widgets/navigation-widgets/navigation-bar-item-custom.md)
- [Tab Bar](https://docs.digia.tech/ui-building-blocks/widgets/navigation-widgets/tab-bar.md)
- [Tab View Content](https://docs.digia.tech/ui-building-blocks/widgets/navigation-widgets/tab-view-content.md)
- [Tab Controller](https://docs.digia.tech/ui-building-blocks/widgets/navigation-widgets/tab-controller.md)
- [Page View](https://docs.digia.tech/ui-building-blocks/widgets/navigation-widgets/page-view.md)
- [Scrolling Widgets](https://docs.digia.tech/ui-building-blocks/widgets/scrolling-widgets.md)
- [ListView](https://docs.digia.tech/ui-building-blocks/widgets/scrolling-widgets/listview.md)
- [GridView](https://docs.digia.tech/ui-building-blocks/widgets/scrolling-widgets/gridview.md)
- [Masonry Grid](https://docs.digia.tech/ui-building-blocks/widgets/scrolling-widgets/masonry-grid.md)
- [Smart Scroll View](https://docs.digia.tech/ui-building-blocks/widgets/scrolling-widgets/smart-scroll-view.md)
- [Smart Scroll Group](https://docs.digia.tech/ui-building-blocks/widgets/scrolling-widgets/smart-scroll-group.md)
- [Pinned Header](https://docs.digia.tech/ui-building-blocks/widgets/scrolling-widgets/pinned-header.md)
- [Paginated ListView](https://docs.digia.tech/ui-building-blocks/widgets/scrolling-widgets/paginated-listview.md)
- [Refresh Indicator](https://docs.digia.tech/ui-building-blocks/widgets/scrolling-widgets/refresh-indicator.md)
- [Media & Async](https://docs.digia.tech/ui-building-blocks/widgets/media-async-widgets.md)
- [HTML View](https://docs.digia.tech/ui-building-blocks/widgets/media-async-widgets/htmlview.md)
- [Lottie Animation](https://docs.digia.tech/ui-building-blocks/widgets/media-async-widgets/lottie-animation.md)
- [Future Builder](https://docs.digia.tech/ui-building-blocks/widgets/media-async-widgets/future-builder.md)
- [Stream Builder](https://docs.digia.tech/ui-building-blocks/widgets/media-async-widgets/stream-builder.md)
- [Animation Builder](https://docs.digia.tech/ui-building-blocks/widgets/media-async-widgets/animation-builder.md)
- [Animated Switcher](https://docs.digia.tech/ui-building-blocks/widgets/media-async-widgets/animated-switcher.md)
- [Opacity](https://docs.digia.tech/ui-building-blocks/widgets/media-async-widgets/opacity.md)
- [Default Properties](https://docs.digia.tech/ui-building-blocks/widgets/default-properties.md)
- [Widget Commonalities](https://docs.digia.tech/ui-building-blocks/widgets/widget-commonalities.md)