https://github.com/blackbaud/skyux

SKY UX components for Angular
https://github.com/blackbaud/skyux

angular components hacktoberfest skyux

Last synced: 16 days ago
JSON representation

SKY UX components for Angular

• Host: GitHub
• URL: https://github.com/blackbaud/skyux
• Owner: blackbaud
• License: mit
• Created: 2022-02-25T13:14:49.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2025-04-11T14:48:59.000Z (17 days ago)
• Last Synced: 2025-04-11T15:53:28.211Z (17 days ago)
• Topics: angular, components, hacktoberfest, skyux
• Language: TypeScript
• Homepage: https://developer.blackbaud.com/skyux
• Size: 97 MB
• Stars: 37
• Watchers: 12
• Forks: 27
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-angular - skyux - SKY UX components for Angular. (Table of contents / Third Party Components)
• fucking-awesome-angular - skyux - SKY UX components for Angular. (Table of contents / Third Party Components)

README

        
# SKY UX

[![CI](https://github.com/blackbaud/skyux/actions/workflows/ci.yml/badge.svg?branch=main&event=push)](https://github.com/blackbaud/skyux/actions/workflows/ci.yml) [![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)

[![npm](https://img.shields.io/npm/v/@skyux/a11y/latest?label=@skyux/a11y)](https://www.npmjs.com/package/@skyux/a11y) [![npm](https://img.shields.io/npm/v/@skyux/action-bars/latest?label=@skyux/action-bars)](https://www.npmjs.com/package/@skyux/action-bars) [![npm](https://img.shields.io/npm/v/@skyux/ag-grid/latest?label=@skyux/ag-grid)](https://www.npmjs.com/package/@skyux/ag-grid) [![npm](https://img.shields.io/npm/v/@skyux/angular-tree-component/latest?label=@skyux/angular-tree-component)](https://www.npmjs.com/package/@skyux/angular-tree-component) [![npm](https://img.shields.io/npm/v/@skyux/animations/latest?label=@skyux/animations)](https://www.npmjs.com/package/@skyux/animations) [![npm](https://img.shields.io/npm/v/@skyux/assets/latest?label=@skyux/assets)](https://www.npmjs.com/package/@skyux/assets) [![npm](https://img.shields.io/npm/v/@skyux/autonumeric/latest?label=@skyux/autonumeric)](https://www.npmjs.com/package/@skyux/autonumeric) [![npm](https://img.shields.io/npm/v/@skyux/avatar/latest?label=@skyux/avatar)](https://www.npmjs.com/package/@skyux/avatar) [![npm](https://img.shields.io/npm/v/@skyux/colorpicker/latest?label=@skyux/colorpicker)](https://www.npmjs.com/package/@skyux/colorpicker) [![npm](https://img.shields.io/npm/v/@skyux/config/latest?label=@skyux/config)](https://www.npmjs.com/package/@skyux/config) [![npm](https://img.shields.io/npm/v/@skyux/core/latest?label=@skyux/core)](https://www.npmjs.com/package/@skyux/core) [![npm](https://img.shields.io/npm/v/@skyux/data-manager/latest?label=@skyux/data-manager)](https://www.npmjs.com/package/@skyux/data-manager) [![npm](https://img.shields.io/npm/v/@skyux/datetime/latest?label=@skyux/datetime)](https://www.npmjs.com/package/@skyux/datetime) [![npm](https://img.shields.io/npm/v/@skyux/errors/latest?label=@skyux/errors)](https://www.npmjs.com/package/@skyux/errors) [![npm](https://img.shields.io/npm/v/@skyux/flyout/latest?label=@skyux/flyout)](https://www.npmjs.com/package/@skyux/flyout) [![npm](https://img.shields.io/npm/v/@skyux/forms/latest?label=@skyux/forms)](https://www.npmjs.com/package/@skyux/forms) [![npm](https://img.shields.io/npm/v/@skyux/grids/latest?label=@skyux/grids)](https://www.npmjs.com/package/@skyux/grids) [![npm](https://img.shields.io/npm/v/@skyux/i18n/latest?label=@skyux/i18n)](https://www.npmjs.com/package/@skyux/i18n) [![npm](https://img.shields.io/npm/v/@skyux/indicators/latest?label=@skyux/indicators)](https://www.npmjs.com/package/@skyux/indicators) [![npm](https://img.shields.io/npm/v/@skyux/inline-form/latest?label=@skyux/inline-form)](https://www.npmjs.com/package/@skyux/inline-form) [![npm](https://img.shields.io/npm/v/@skyux/layout/latest?label=@skyux/layout)](https://www.npmjs.com/package/@skyux/layout) [![npm](https://img.shields.io/npm/v/@skyux/list-builder/latest?label=@skyux/list-builder)](https://www.npmjs.com/package/@skyux/list-builder) [![npm](https://img.shields.io/npm/v/@skyux/list-builder-common/latest?label=@skyux/list-builder-common)](https://www.npmjs.com/package/@skyux/list-builder-common) [![npm](https://img.shields.io/npm/v/@skyux/list-builder-view-checklist/latest?label=@skyux/list-builder-view-checklist)](https://www.npmjs.com/package/@skyux/list-builder-view-checklist) [![npm](https://img.shields.io/npm/v/@skyux/list-builder-view-grids/latest?label=@skyux/list-builder-view-grids)](https://www.npmjs.com/package/@skyux/list-builder-view-grids) [![npm](https://img.shields.io/npm/v/@skyux/lists/latest?label=@skyux/lists)](https://www.npmjs.com/package/@skyux/lists) [![npm](https://img.shields.io/npm/v/@skyux/lookup/latest?label=@skyux/lookup)](https://www.npmjs.com/package/@skyux/lookup) [![npm](https://img.shields.io/npm/v/@skyux/modals/latest?label=@skyux/modals)](https://www.npmjs.com/package/@skyux/modals) [![npm](https://img.shields.io/npm/v/@skyux/navbar/latest?label=@skyux/navbar)](https://www.npmjs.com/package/@skyux/navbar) [![npm](https://img.shields.io/npm/v/@skyux/pages/latest?label=@skyux/pages)](https://www.npmjs.com/package/@skyux/pages) [![npm](https://img.shields.io/npm/v/@skyux/phone-field/latest?label=@skyux/phone-field)](https://www.npmjs.com/package/@skyux/phone-field) [![npm](https://img.shields.io/npm/v/@skyux/popovers/latest?label=@skyux/popovers)](https://www.npmjs.com/package/@skyux/popovers) [![npm](https://img.shields.io/npm/v/@skyux/progress-indicator/latest?label=@skyux/progress-indicator)](https://www.npmjs.com/package/@skyux/progress-indicator) [![npm](https://img.shields.io/npm/v/@skyux/router/latest?label=@skyux/router)](https://www.npmjs.com/package/@skyux/router) [![npm](https://img.shields.io/npm/v/@skyux/select-field/latest?label=@skyux/select-field)](https://www.npmjs.com/package/@skyux/select-field) [![npm](https://img.shields.io/npm/v/@skyux/split-view/latest?label=@skyux/split-view)](https://www.npmjs.com/package/@skyux/split-view) [![npm](https://img.shields.io/npm/v/@skyux/tabs/latest?label=@skyux/tabs)](https://www.npmjs.com/package/@skyux/tabs) [![npm](https://img.shields.io/npm/v/@skyux/text-editor/latest?label=@skyux/text-editor)](https://www.npmjs.com/package/@skyux/text-editor) [![npm](https://img.shields.io/npm/v/@skyux/theme/latest?label=@skyux/theme)](https://www.npmjs.com/package/@skyux/theme) [![npm](https://img.shields.io/npm/v/@skyux/tiles/latest?label=@skyux/tiles)](https://www.npmjs.com/package/@skyux/tiles) [![npm](https://img.shields.io/npm/v/@skyux/toast/latest?label=@skyux/toast)](https://www.npmjs.com/package/@skyux/toast) [![npm](https://img.shields.io/npm/v/@skyux/validation/latest?label=@skyux/validation)](https://www.npmjs.com/package/@skyux/validation) [![npm](https://img.shields.io/npm/v/@skyux/packages/latest?label=@skyux/packages)](https://www.npmjs.com/package/@skyux/packages) [![npm](https://img.shields.io/npm/v/@skyux-sdk/prettier-schematics/latest?label=@skyux-sdk/prettier-schematics)](https://www.npmjs.com/package/@skyux-sdk/prettier-schematics) [![npm](https://img.shields.io/npm/v/@skyux-sdk/testing/latest?label=@skyux-sdk/testing)](https://www.npmjs.com/package/@skyux-sdk/testing)

---

This project was generated using [Nx](https://nx.dev).

[Nx Documentation](https://nx.dev/angular)

[10-minute video showing all Nx features](https://nx.dev/getting-started/intro)

[Interactive Tutorial](https://nx.dev/tutorial/01-create-application)