Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/taiga-family/taiga-ui

Angular UI Kit and components library for awesome people
https://github.com/taiga-family/taiga-ui

angular best-practices cdk component-library components design-patterns figma hacktoberfest mobile resposive-design typescript ui ui-components ui-design uikit web

Last synced: 2 days ago
JSON representation

Angular UI Kit and components library for awesome people

Host: GitHub
URL: https://github.com/taiga-family/taiga-ui
Owner: taiga-family
License: apache-2.0
Created: 2020-09-25T16:09:18.000Z (about 4 years ago)
Default Branch: main
Last Pushed: 2024-10-29T11:13:14.000Z (about 1 month ago)
Last Synced: 2024-10-29T11:27:08.029Z (about 1 month ago)
Topics: angular, best-practices, cdk, component-library, components, design-patterns, figma, hacktoberfest, mobile, resposive-design, typescript, ui, ui-components, ui-design, uikit, web
Language: TypeScript
Homepage: https://taiga-ui.dev
Size: 1.23 GB
Stars: 3,242
Watchers: 61
Forks: 451
Open Issues: 118
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

my-awesome-list - taiga-ui - family | 3329 | (TypeScript)

README

        


#  Taiga UI

[![CodeFactor](https://www.codefactor.io/repository/github/taiga-family/taiga-ui/badge)](https://www.codefactor.io/repository/github/taiga-family/taiga-ui)

[![npm version](https://img.shields.io/npm/v/@taiga-ui/cdk.svg)](https://npmjs.com/package/@taiga-ui/cdk)

[![codecov](https://codecov.io/gh/taiga-family/taiga-ui/branch/main/graphs/badge.svg)](https://app.codecov.io/gh/taiga-family/taiga-ui/tree/main/projects)

[![All packages CI](https://github.com/taiga-family/taiga-ui/actions/workflows/build.yml/badge.svg?branch=main)](https://github.com/taiga-family/taiga-ui/actions/workflows/build.yml)

[![Deploy](https://github.com/taiga-family/taiga-ui/actions/workflows/deploy-gh-pages.yml/badge.svg?branch=main)](https://github.com/taiga-family/taiga-ui/actions/workflows/deploy-gh-pages.yml)

[![Downloads per month](https://img.shields.io/npm/dm/@taiga-ui/cdk?color=dark-green)](https://www.npmjs.com/package/@taiga-ui/cdk)

[![Discord](https://img.shields.io/discord/748677963142135818?color=7289DA&label=%23taiga-ui&logo=discord&logoColor=white)](https://discord.gg/Us8d8JVaTg)

[![Renovate](https://img.shields.io/badge/renovate-configured-green?logo=renovatebot)](https://docs.renovatebot.com/)

[![Visitors](https://api.visitorbadge.io/api/visitors?path=https%3A%2F%2Fgithub.com%2Ftaiga-family%2Ftaiga-ui&label=Visitors&countColor=%232ccce4&style=plastic&labelStyle=lower)](https://visitorbadge.io/status?path=https%3A%2F%2Fgithub.com%2Ftaiga-family%2Ftaiga-ui)

![GitHub commit activity (branch)](https://img.shields.io/github/commit-activity/y/taiga-family/taiga-ui)

[![Code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)

[![License](https://img.shields.io/badge/License-Apache_2.0-blue.svg)](https://opensource.org/licenses/Apache-2.0)

[Website](https://taiga-ui.dev) • [Documentation](https://taiga-ui.dev/getting-started) • [Core team](#core-team) •

[Figma](https://www.figma.com/community/file/1220308188005380608)



**Taiga UI** is fully-treeshakable Angular UI Kit consisting of multiple base libraries and several add-ons.

It is based on [ng-polymorpheus](https://github.com/taiga-family/ng-polymorpheus) dynamic content approach and uses

[Web APIs for Angular](https://github.com/ng-web-apis) for required browser APIs.

## Why Taiga UI

🧩 **Modular and fully-treeshakable.** We harnessed the power of Secondary Entry Points mechanism. You can import even

just one entity from our library and be sure that there is no redundant code in your bundle

🧙 **Agnostic**. Our components are very flexible and are ready for any use case. But we take care of basic UX aspects

to let you focus on your project features

🦋 **Customizable**. We use CSS custom properties for all our styling and provide easy methods to customize all UI

components

🛠 **Well engineered**. We are not afraid to use DI to the max. All our components use `OnPush`, and the whole project

is developed with `strict` TypeScript mode

📦 **It's big!** We have 130+ components, 100+ directives, dozens of tokens, utils and tools. And it isn't over yet 🚀

🏗 **Maintained!** The library started as an internal product in our company. It is used by 50+ projects in production

now, and it is here to stay.

Read more about Taiga UI main features in

[this article](https://angular.love/taiga-ui-is-a-new-angular-ui-kit-that-you-should-try) on angular.love

## Version compatibility

| Taiga UI | Angular              | Supported                  | Latest version (npm)                                                                               |

| -------- | -------------------- | -------------------------- | -------------------------------------------------------------------------------------------------- |

| `4.x.y`  | `^16.0.0` - `latest` | ✅ Current                 | ![npm version](https://img.shields.io/npm/v/@taiga-ui/cdk/latest?label=%40taiga-ui%2Fcdk%20~%20v4) |

| `3.x.y`  | `^12.0.0` - `latest` | ✅ Long-term support (LTS) | ![npm version](https://img.shields.io/npm/v/@taiga-ui/cdk/v3-lts?label=%40taiga-ui%2Fcdk%20~%20v3) |

| `2.x.y`  | `^9.0.0` - `^15.0.0` | ⚠️ No longer supported     | ![v2](https://img.shields.io/npm/v/@taiga-ui/cdk/v2-lts?label=%40taiga-ui%2Fcdk%20~%20v2)          |

## How to start

See our [Getting started](https://taiga-ui.dev/getting-started) page to start working with Taiga UI

You can also use our [StackBlitz starter](https://taiga-ui.dev/stackblitz) to create a quick sample with Taiga UI

🎨 Check out [Taiga UI Figma library](https://www.figma.com/community/file/1220308188005380608) which you can use to

design your app with Taiga UI components.

## Community

💡 Your ideas are very welcome in Github issues or discussions

🗨 For English live chat join [#taiga-ui](https://discord.gg/zrB2EdJjEy) channel in official Angular discord

💬 For Russian live chat join [taiga_ui](https://t.me/taiga_ui) Telegram group

## Core team

    

       

            
     Alex Inkin     

            


                

                

                

            

        

        

            
 Roman Sedov 

            

                

                

                

            

        

        

            
Vladimir Potekhin

            

                

                

                

            

        

        

            
Nikita Barsukov

            

                

                

                

            

        

        

            
German Panov

            

                

                

            

        

        

            
Maksim Ivanov

            

                

                

                

            

        

    

## Contributors

See our [CONTRIBUTING.md](/CONTRIBUTING.md) guide. Try to [make pull request](https://github.dev/taiga-family/taiga-ui)

online from Web IDE.



  



## Stars 🌟

[![Popular](https://starchart.cc/taiga-family/taiga-ui.svg?variant=adaptive)](https://starchart.cc/taiga-family/taiga-ui)

## License

🆓 Feel free to use our library in your commercial and private applications

All Taiga UI packages are covered by [Apache 2.0](/LICENSE)

Read more about this license [here](https://choosealicense.com/licenses/apache-2.0/)