# Taiga UI > Taiga UI - a powerful set of open source components for Angular. ## Documentation Sections ### Documentation - [Getting started](https://taiga-ui.dev/getting-started) - [Migration Guide](https://taiga-ui.dev/migration-guide) - [Browser support](https://taiga-ui.dev/browser-support) - [Changelog](https://github.com/taiga-family/taiga-ui/blob/main/CHANGELOG.md) - [Server Side Rendering](https://taiga-ui.dev/ssr) - [Documentation engine](https://github.com/taiga-family/taiga-ui/blob/main/projects/addon-doc/README.md) - [Taiga UI family](https://taiga-ui.dev/related) - [Stackblitz](https://taiga-ui.dev/stackblitz) - [Testing / Jest](https://taiga-ui.dev/testing/jest) - [Testing / Disable animation](https://taiga-ui.dev/testing/disable-animation) - [Testing / Our screenshot bot](https://taiga-ui.dev/testing/screenshot-bot) - [AI Support](https://taiga-ui.dev/ai-support) ### Foundations - [Typography](https://taiga-ui.dev/typography) - [Breakpoints](https://taiga-ui.dev/breakpoints) - [Colors](https://taiga-ui.dev/colors) - [Styles / Shadows](https://taiga-ui.dev/shadows) - [Styles / Lists](https://taiga-ui.dev/lists) - [Styles / Spaces](https://taiga-ui.dev/spaces) ### Components - [Accordion](https://taiga-ui.dev/components/accordion) - [ActionBar](https://taiga-ui.dev/components/actions-bar) - [Alert](https://taiga-ui.dev/components/alert) - [Avatar](https://taiga-ui.dev/components/avatar) - [Badge](https://taiga-ui.dev/components/badge) - [BadgedContent](https://taiga-ui.dev/components/badged-content) - [BadgeNotification](https://taiga-ui.dev/components/badge-notification) - [Block](https://taiga-ui.dev/components/block) - [BottomSheet](https://taiga-ui.dev/components/bottom-sheet) - [Buttons / Button](https://taiga-ui.dev/components/button) - [Buttons / ButtonClose](https://taiga-ui.dev/components/button-close) - [Buttons / ButtonGroup](https://taiga-ui.dev/components/button-group) - [Calendars / Calendar](https://taiga-ui.dev/components/calendar) - [Calendars / CalendarMonth](https://taiga-ui.dev/components/calendar-month) - [Calendars / CalendarRange](https://taiga-ui.dev/components/calendar-range) - [Carousel](https://taiga-ui.dev/components/carousel) - [Chip](https://taiga-ui.dev/components/chip) - [Comment](https://taiga-ui.dev/components/comment) - [Compass](https://taiga-ui.dev/components/compass) - [Confirm](https://taiga-ui.dev/components/confirm) - [Dialog](https://taiga-ui.dev/components/dialog) - [Drawer](https://taiga-ui.dev/components/drawer) - [Dropdown / DataList](https://taiga-ui.dev/components/data-list) - [Dropdown / DataListWrapper](https://taiga-ui.dev/components/data-list-wrapper) - [Dropdown / Dropdown](https://taiga-ui.dev/directives/dropdown) - [Dropdown / DropdownContext](https://taiga-ui.dev/directives/dropdown-context) - [Dropdown / DropdownHover](https://taiga-ui.dev/directives/dropdown-hover) - [Dropdown / DropdownOpen](https://taiga-ui.dev/directives/dropdown-open) - [Dropdown / DropdownSelection](https://taiga-ui.dev/directives/dropdown-selection) - [ElasticContainer](https://taiga-ui.dev/components/elastic-container) - [Error](https://taiga-ui.dev/components/error) - [Expand](https://taiga-ui.dev/components/expand) - [Filter](https://taiga-ui.dev/components/filter) - [FloatingContainer](https://taiga-ui.dev/components/floating-container) - [Group](https://taiga-ui.dev/components/group) - [Hint / Tooltip](https://taiga-ui.dev/components/tooltip) - [Hint / Hint](https://taiga-ui.dev/directives/hint) - [Hint / HintDescribe](https://taiga-ui.dev/directives/hint-describe) - [Hint / HintManual](https://taiga-ui.dev/directives/hint-manual) - [Hint / HintPointer](https://taiga-ui.dev/directives/hint-pointer) - [Icon](https://taiga-ui.dev/components/icon) - [Inputs / InputCard](https://taiga-ui.dev/components/input-card) - [Inputs / InputCardGroup](https://taiga-ui.dev/components/input-card-group) - [Inputs / InputDate](https://taiga-ui.dev/components/input-date) - [Inputs / InputDateRange](https://taiga-ui.dev/components/input-date-range) - [Inputs / InputFiles](https://taiga-ui.dev/components/input-files) - [Inputs / InputInline](https://taiga-ui.dev/components/input-inline) - [Inputs / InputMonth](https://taiga-ui.dev/components/input-month) - [Inputs / InputNumber](https://taiga-ui.dev/components/input-number) - [Inputs / InputPhoneInternational](https://taiga-ui.dev/components/input-phone-international) - [Inputs / InputPin](https://taiga-ui.dev/components/input-pin) - [Inputs / InputSlider](https://taiga-ui.dev/components/input-slider) - [Inputs / Textarea](https://taiga-ui.dev/components/textarea) - [Island](https://taiga-ui.dev/components/island) - [ItemGroup](https://taiga-ui.dev/components/item-group) - [ItemsWithMore](https://taiga-ui.dev/components/items-with-more) - [Label](https://taiga-ui.dev/components/label) - [Like](https://taiga-ui.dev/components/like) - [LineClamp](https://taiga-ui.dev/components/line-clamp) - [Link](https://taiga-ui.dev/components/link) - [Loader](https://taiga-ui.dev/components/loader) - [Message](https://taiga-ui.dev/components/message) - [Mobile / MobileCalendar](https://taiga-ui.dev/components/mobile-calendar) - [Mobile / MobileDialog](https://taiga-ui.dev/components/mobile-dialog) - [Mobile / PullToRefresh](https://taiga-ui.dev/components/pull-to-refresh) - [Notification](https://taiga-ui.dev/components/notification) - [Pager](https://taiga-ui.dev/components/pager) - [PdfViewer](https://taiga-ui.dev/components/pdf-viewer) - [Pin](https://taiga-ui.dev/components/pin) - [Preview](https://taiga-ui.dev/components/preview) - [Progress / ProgressBar](https://taiga-ui.dev/components/progress-bar) - [Progress / ProgressCircle](https://taiga-ui.dev/components/progress-circle) - [Progress / ProgressSegmented](https://taiga-ui.dev/components/progress-segmented) - [Pulse](https://taiga-ui.dev/components/pulse) - [Push](https://taiga-ui.dev/components/push) - [Rating](https://taiga-ui.dev/components/rating) - [Scrollbar](https://taiga-ui.dev/components/scrollbar) - [Selects / ComboBox](https://taiga-ui.dev/components/combo-box) - [Selects / MultiSelect](https://taiga-ui.dev/components/multi-select) - [Selects / Select](https://taiga-ui.dev/components/select) - [Selects / Select Search](https://taiga-ui.dev/components/select-search) - [SheetDialog](https://taiga-ui.dev/components/sheet-dialog) - [Sliders / InputRange](https://taiga-ui.dev/components/input-range) - [Sliders / Range](https://taiga-ui.dev/components/range) - [Sliders / Slider](https://taiga-ui.dev/components/slider) - [Status](https://taiga-ui.dev/components/status) - [Surface](https://taiga-ui.dev/components/surface) - [SwipeActions](https://taiga-ui.dev/components/swipe-actions) - [Table / Reorder](https://taiga-ui.dev/components/reorder) - [Table / Table](https://taiga-ui.dev/components/table) - [Table / TableFilters](https://taiga-ui.dev/components/table-filters) - [Table / TablePagination](https://taiga-ui.dev/components/table-pagination) - [Tag](https://taiga-ui.dev/components/tag) - [Textfield](https://taiga-ui.dev/components/textfield) - [ThumbnailCard](https://taiga-ui.dev/components/thumbnail-card) - [Tiles](https://taiga-ui.dev/components/tiles) - [Title](https://taiga-ui.dev/components/title) - [Toggles / Checkbox](https://taiga-ui.dev/components/checkbox) - [Toggles / Radio](https://taiga-ui.dev/components/radio) - [Toggles / Radio](https://taiga-ui.dev/components/radio) - [Toggles / Switch](https://taiga-ui.dev/components/switch) - [Tree](https://taiga-ui.dev/components/tree) ### Layout - [BlockDetails](https://taiga-ui.dev/layout/block-details) - [BlockStatus](https://taiga-ui.dev/layout/block-status) - [Cards / CardCollapsed](https://taiga-ui.dev/layout/card-collapsed) - [Cards / CardLarge](https://taiga-ui.dev/layout/card-large) - [Cards / CardMedium](https://taiga-ui.dev/layout/card-medium) - [Cell](https://taiga-ui.dev/layout/cell) - [Form](https://taiga-ui.dev/layout/form) - [Header](https://taiga-ui.dev/layout/header) - [InputSearch](https://taiga-ui.dev/layout/input-search) - [Navigation](https://taiga-ui.dev/components/navigation) - [Search](https://taiga-ui.dev/components/search) ### Navigation - [AppBar](https://taiga-ui.dev/navigation/app-bar) - [Breadcrumbs](https://taiga-ui.dev/navigation/breadcrumbs) - [Pagination](https://taiga-ui.dev/navigation/pagination) - [Segmented](https://taiga-ui.dev/navigation/segmented) - [Stepper](https://taiga-ui.dev/navigation/stepper) - [TabBar](https://taiga-ui.dev/navigation/tab-bar) - [Tabs](https://taiga-ui.dev/navigation/tabs) ### Charts - [ArcChart](https://taiga-ui.dev/charts/arc-chart) - [Axes](https://taiga-ui.dev/charts/axes) - [Bar](https://taiga-ui.dev/charts/bar) - [BarChart](https://taiga-ui.dev/charts/bar-chart) - [BarSet](https://taiga-ui.dev/charts/bar-set) - [LegendItem](https://taiga-ui.dev/charts/legend-item) - [LineChart](https://taiga-ui.dev/charts/line-chart) - [LineDaysChart](https://taiga-ui.dev/charts/line-days-chart) - [PieChart](https://taiga-ui.dev/charts/pie-chart) - [RingChart](https://taiga-ui.dev/charts/ring-chart) ### Customization - [Appearances](https://taiga-ui.dev/appearances) - [Dialog / Custom](https://taiga-ui.dev/dialog/custom) - [Dialog / LazyRoutable](https://taiga-ui.dev/dialog/lazy-routable) - [Dialog / Routable](https://taiga-ui.dev/dialog/routable) - [Internationalization (i18n)](https://taiga-ui.dev/i18n) - [Portals](https://taiga-ui.dev/portals) - [Variables](https://taiga-ui.dev/variables) - [Viewport](https://taiga-ui.dev/viewport) ### Tools - [Directives / ActiveZone](https://taiga-ui.dev/directives/active-zone) - [Directives / Appearance](https://taiga-ui.dev/directives/appearance) - [Directives / AutoFocus](https://taiga-ui.dev/directives/auto-focus) - [Directives / CopyProcessor](https://taiga-ui.dev/directives/copy-processor) - [Directives / DateFormat](https://taiga-ui.dev/directives/date-format) - [Directives / ElasticSticky](https://taiga-ui.dev/directives/elastic-sticky) - [Directives / Element](https://taiga-ui.dev/directives/element) - [Directives / Fade](https://taiga-ui.dev/directives/fade) - [Directives / FluidTypography](https://taiga-ui.dev/directives/fluid-typography) - [Directives / HoveredChange](https://taiga-ui.dev/directives/hovered-change) - [Directives / Let](https://taiga-ui.dev/directives/let) - [Directives / Media](https://taiga-ui.dev/directives/media) - [Directives / NumberFormat](https://taiga-ui.dev/directives/number-format) - [Directives / Pan](https://taiga-ui.dev/directives/pan) - [Directives / Present](https://taiga-ui.dev/directives/present) - [Directives / Resizer](https://taiga-ui.dev/directives/resizer) - [Directives / Ripple](https://taiga-ui.dev/directives/ripple) - [Directives / Sensitive](https://taiga-ui.dev/directives/sensitive) - [Directives / Skeleton](https://taiga-ui.dev/directives/skeleton) - [Directives / Swipe](https://taiga-ui.dev/directives/swipe) - [Directives / TextfieldController](https://taiga-ui.dev/directives/textfield-controller) - [Directives / Theme](https://taiga-ui.dev/directives/theme) - [Directives / Touchable](https://taiga-ui.dev/directives/touchable) - [Directives / Validator](https://taiga-ui.dev/directives/validator) - [Directives / ValueChanges](https://taiga-ui.dev/directives/value-changes) - [Directives / Zoom](https://taiga-ui.dev/directives/zoom) - [Pipes / Amount](https://taiga-ui.dev/pipes/amount) - [Pipes / Currency](https://taiga-ui.dev/pipes/currency) - [Pipes / Emails](https://taiga-ui.dev/pipes/emails) - [Pipes / FieldError](https://taiga-ui.dev/pipes/field-error) - [Pipes / FilterByInput](https://taiga-ui.dev/pipes/filter-by-input) - [Pipes / Filter](https://taiga-ui.dev/pipes/filter) - [Pipes / Flag](https://taiga-ui.dev/pipes/flag) - [Pipes / FormatDate](https://taiga-ui.dev/pipes/format-date) - [Pipes / FormatNumber](https://taiga-ui.dev/pipes/format-number) - [Pipes / IsPresent](https://taiga-ui.dev/pipes/is-present) - [Pipes / Mapper](https://taiga-ui.dev/pipes/mapper) - [Pipes / Obfuscate](https://taiga-ui.dev/pipes/obfuscate) - [Pipes / RepeatTimes](https://taiga-ui.dev/pipes/repeat-times) - [Pipes / Stringify](https://taiga-ui.dev/pipes/stringify) - [Pipes / StringifyContent](https://taiga-ui.dev/pipes/stringify) - [Services / BreakpointService](https://taiga-ui.dev/services/breakpoint-service) - [Services / KeyboardSerivce](https://taiga-ui.dev/services/keyboard-service) - [Services / ScrollService](https://taiga-ui.dev/services/scroll-service) - [Utils / Browser](https://taiga-ui.dev/utils/browser) - [Utils / DOM](https://taiga-ui.dev/utils/dom) - [Utils / Format](https://taiga-ui.dev/utils/format) - [Utils / Math](https://taiga-ui.dev/utils/math) - [Utils / Miscellaneous](https://taiga-ui.dev/utils/miscellaneous) - [Utils / Pure](https://taiga-ui.dev/utils/pure) - [Utils / Tokens](https://taiga-ui.dev/utils/tokens)