Components

This project is a collection of reusable UI component libraries for the Angular framework. It serves as an accessibility framework and a suite of building blocks for constructing user interfaces.

The library provides a specialized component suite for implementing Material Design visual and interaction specifications. It also includes dedicated integrations for embedding interactive Google Maps with geographic data overlays and integrating YouTube video players with support for deferred loading.

The project covers a broad range of UI development capabilities, including the creation of accessible interfaces compatible with screen readers and the transformation of physical addresses into geographic coordinates via geocoding services.

Features

Angular UI Libraries - Provides a collection of pre-built UI libraries and resources specifically designed for the Angular framework.
Accessible UI Components - Ships interactive UI components built with accessibility standards like ARIA and keyboard support.
Angular Accessibility Frameworks - Provides a specialized set of Angular components designed to meet web accessibility standards.
Material Design Components - Provides a comprehensive set of standardized UI widgets and layouts that implement the Material Design language.
Web Accessibility Compliance - Implements design and development standards to ensure inclusive web experiences and screen reader compatibility.
Interface Accessibility - Provides standardized elements and patterns to ensure user interfaces are compatible with screen readers.
YouTube Video Embeddings - Integrates YouTube-hosted video players and playlists directly into web pages.
Video Embeddings - Provides tools for integrating external YouTube video content into web applications.
Abstraction Layers - Provides a headless abstraction layer that decouples behavioral and accessibility logic from visual styling.
Headless Component Logic - Uses headless component logic via custom directives to attach reusable behavior without modifying core classes.
Singleton Service Stores - Implements state management using injectable singleton services to share data across decoupled UI components.
Component Composition - Employs a composition-based design by nesting atomic components within larger layout containers.
Map Data Overlays - Renders custom data layers, including markers and shapes, on top of third-party map interfaces.
Google Maps Web Integrations - Offers libraries for embedding and managing interactive Google Maps views within web applications.
Template-Driven Rendering - Defines visual structures using HTML templates that reactively update based on the underlying data model.
Accessibility Attribute Mapping - Implements dynamic mapping of internal component states to ARIA attributes for assistive technology support.

स्टार हिस्ट्री

angularcomponents

Name: angular/components
Author: angular

View on GitHub

25,033 स्टार्स6,847 फोर्क्सTypeScriptMIT4 व्यूज़material.angular.dev

Components

This project is a collection of reusable UI component libraries for the Angular framework. It serves as an accessibility framework and a suite of building blocks for constructing user interfaces.

Features

Angular UI Libraries - Provides a collection of pre-built UI libraries and resources specifically designed for the Angular framework.
Accessible UI Components - Ships interactive UI components built with accessibility standards like ARIA and keyboard support.
Angular Accessibility Frameworks - Provides a specialized set of Angular components designed to meet web accessibility standards.
Material Design Components - Provides a comprehensive set of standardized UI widgets and layouts that implement the Material Design language.
Web Accessibility Compliance - Implements design and development standards to ensure inclusive web experiences and screen reader compatibility.
Interface Accessibility - Provides standardized elements and patterns to ensure user interfaces are compatible with screen readers.
YouTube Video Embeddings - Integrates YouTube-hosted video players and playlists directly into web pages.
Video Embeddings - Provides tools for integrating external YouTube video content into web applications.
Abstraction Layers - Provides a headless abstraction layer that decouples behavioral and accessibility logic from visual styling.
Headless Component Logic - Uses headless component logic via custom directives to attach reusable behavior without modifying core classes.
Singleton Service Stores - Implements state management using injectable singleton services to share data across decoupled UI components.
Component Composition - Employs a composition-based design by nesting atomic components within larger layout containers.
Map Data Overlays - Renders custom data layers, including markers and shapes, on top of third-party map interfaces.
Google Maps Web Integrations - Offers libraries for embedding and managing interactive Google Maps views within web applications.
Template-Driven Rendering - Defines visual structures using HTML templates that reactively update based on the underlying data model.
Accessibility Attribute Mapping - Implements dynamic mapping of internal component states to ARIA attributes for assistive technology support.

Components के ओपन-सोर्स विकल्प

समान ओपन-सोर्स प्रोजेक्ट्स, जो Components के साथ साझा की गई सुविधाओं के आधार पर रैंक किए गए हैं।

angular/material2
angular/material2
25,033GitHub पर देखें
This project is a Material Design UI library and Angular component framework. It provides a collection of reusable UI building blocks and development tools for creating consistent web applications that follow Material Design specifications. The framework includes an accessible web component library that uses headless directives and WAI-ARIA patterns to ensure user interface elements meet web accessibility standards. It also provides specialized integration wrappers for embedding and managing interactive Google Maps and YouTube video playback. The project supports custom UI component developm
TypeScript
GitHub पर देखें25,033
angular/material
angular/material
16,403GitHub पर देखें
Angular Material is an accessible web component library and UI framework designed for building single-page applications within the Angular ecosystem. It provides a collection of pre-built user interface elements that implement the Material Design specification to ensure a consistent look and feel across different devices. The project functions as a cross-platform design system, offering a unified set of motion and interaction patterns. It focuses on delivering a standardized system of visual and behavioral specifications that adapt to various screen sizes. The library covers a broad range of
JavaScript
GitHub पर देखें16,403
uswds/uswds
uswds/uswds
7,116GitHub पर देखें
The United States Web Design System is a government design system and accessible UI framework. It provides a collection of standardized CSS and JavaScript components, along with a CSS component library, specifically designed for building consistent federal government websites. The system allows for custom CSS theme development through the use of design tokens for colors, spacing, and typography. Users can customize visual themes and compile custom styles to maintain a unified brand identity across multiple web properties. The framework covers responsive interface design and web accessibility
SCSS
GitHub पर देखें7,116
tailwindlabs/headlessui
tailwindlabs/headlessui
28,619GitHub पर देखें
Headless UI is a headless component library and accessible UI component kit that provides logic-only interface elements. It functions as a state-driven UI framework designed to provide functionality without prescribing any specific visual styles. The library is specifically designed for integration with Tailwind CSS, enabling the implementation of custom design systems. It allows users to apply visual styles to components based on whether they are active, selected, or open. The project covers the development of accessible UI components that meet ARIA standards and include built-in keyboard n
TypeScripta11yaccessibilitycomponents
GitHub पर देखें28,619

Components के सभी 30 विकल्प देखें

Frequently asked questions

What does angular/components do?

This project is a collection of reusable UI component libraries for the Angular framework. It serves as an accessibility framework and a suite of building blocks for constructing user interfaces.

What are the main features of angular/components?

The main features of angular/components are: Angular UI Libraries, Accessible UI Components, Angular Accessibility Frameworks, Material Design Components, Web Accessibility Compliance, Interface Accessibility, YouTube Video Embeddings, Video Embeddings.

What are some open-source alternatives to angular/components?

Open-source alternatives to angular/components include: angular/material2 — This project is a Material Design UI library and Angular component framework. It provides a collection of reusable UI… angular/material — Angular Material is an accessible web component library and UI framework designed for building single-page… uswds/uswds — The United States Web Design System is a government design system and accessible UI framework. It provides a… tailwindlabs/headlessui — Headless UI is a headless component library and accessible UI component kit that provides logic-only interface… sebholstein/angular-google-maps — This project is a collection of reusable components designed to integrate Google Maps into web applications built with… vidstack/player — This project is a framework for building accessible, framework-agnostic video and audio players for the web. It…