28 dépôts
Collections of pre-built interface resources and components specifically designed for use within the Angular framework.
Explore 28 awesome GitHub repositories matching user interface & experience · Angular UI Libraries. Refine with filters or upvote what's useful.
This project is a curated resource repository that serves as a comprehensive directory of design assets and development tools. It provides a structured collection of high-quality links intended to help developers discover essential resources for their technical projects and user interface designs. The directory is distinguished by its community-driven approach, relying on collaborative peer review and external contributions to maintain an up-to-date index of resources. It functions as a frontend development toolkit, offering a categorized list of UI libraries, CSS frameworks, and animation to
Compiles interface resources and components specifically for the Angular framework.
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 accessi
Provides a collection of pre-built UI libraries and resources specifically designed for the Angular framework.
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
Provides a comprehensive collection of pre-built interface resources and components designed for the Angular framework.
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
Provides a specialized UI library of components designed specifically for the Angular framework.
This project is a collection of native directives designed to implement the Bootstrap component framework within Angular applications. It provides a suite of modular interface elements that allow developers to build interactive web components without requiring external JavaScript dependencies. The library distinguishes itself by using a dependency-free logic layer that relies entirely on native framework primitives. It features a specialized service-based positioning engine to manage the placement of floating overlays and an event-driven system to coordinate the lifecycle of complex UI elemen
Provides a collection of pre-built interface resources and components specifically designed for use within the Angular framework.
PrimeNG is a comprehensive collection of reusable interface elements designed for building consistent and interactive web applications within the Angular framework. It functions as an enterprise-grade component suite, providing a standardized design system that enables developers to implement cohesive visual languages and user experiences across complex, data-driven software environments. The library distinguishes itself through a focus on professional-grade widgets, including advanced data grid and table management tools that support sorting, filtering, pagination, and inline editing. By int
Delivers a comprehensive collection of reusable interface elements for Angular applications.
Rete is a framework for building interactive, node-based visual interfaces and dataflow programming environments. It provides a core engine that processes directed graphs, allowing developers to define modular logic where nodes represent operations and connections represent the flow of data or control. By decoupling the graph logic from the user interface, the framework enables the creation of custom visual editors that can be integrated into various frontend component libraries. The project distinguishes itself through a highly extensible, signal-driven architecture that supports complex req
Provides native Angular components for rendering nodes and connections within an application.
ng-zorro-antd is an Angular UI component library that implements the Ant Design visual language. It provides a collection of pre-built interface elements and professional design system layouts for building web applications. The library is designed as a themable component framework, offering configuration options to modify the visual styles of interface elements. It also functions as an internationalized UI library with built-in support for translating interface elements into multiple languages. The project covers enterprise UI development and multilingual interface design. Its capability sur
Provides a collection of pre-built UI components specifically designed for the Angular framework.
Angular powered Bootstrap
Provides native Angular components implementing Bootstrap 5 UI elements without jQuery dependencies.
Nebular is an Angular UI component library that implements the Eva Design System, providing a comprehensive set of over thirty-five ready-made UI elements with full theming support. The library is built around a design-token-driven architecture where visual properties are compiled into CSS custom properties, enabling global style overrides and consistent branding across applications without modifying component internals. The framework includes a built-in dark mode system activated by toggling a CSS class on the root element, which triggers pre-defined token overrides across all components. Au
An Angular component library with over thirty-five ready-made UI elements and design-token theming.
x-editable est une bibliothèque d'édition in-place jQuery qui convertit le contenu statique en champs éditables. Elle fonctionne comme un éditeur de contenu en ligne, permettant d'effectuer des mises à jour directement sur une page web sans avoir besoin de navigation de page. La bibliothèque inclut un moteur de rendu d'entrée personnalisable qui supporte divers formats tels que les champs de texte, les sélecteurs de date et les éditeurs de texte riche. Elle présente également un validateur d'entrée côté client pour vérifier les valeurs éditées par rapport à des règles spécifiques avant que les changements ne soient validés. La boîte à outils s'intègre avec des frameworks UI incluant Bootstrap et jQuery UI. Elle fournit des déclencheurs d'interaction configurables, tels que des clics simples ou doubles, pour activer le mode d'édition.
Improves Bootstrap-based websites by allowing static elements to switch into editable modes.
Clarity is a scalable, accessible, customizable, open source design system built with web components. Works with any JavaScript framework, built for enterprises, and designed to be inclusive.
Ships Angular-specific components that depend on a shared CSS library for consistent interface development.
Clean and simple starter repo using the T3 Stack along with Expo React Native
Provides a script to install shadcn/ui components into a shared package via its interactive CLI.
Spicetify Themes is a community-maintained collection of CSS-based visual themes for customizing the Spotify desktop client. The repository serves as a shared library of user-contributed themes that alter the appearance, layout, and sidebar configuration of the Spotify interface through the Spicetify modding tool. The theme system works by injecting custom CSS into Spotify's web-based UI through Spicetify's extension and loading mechanism, replacing default style files with user-provided themes at application startup. Themes use CSS custom properties for consistent color and spacing adjustmen
Themes are applied by the Spicetify command-line tool, which patches Spotify's client files.
Angular-strap is a collection of pre-built AngularJS 1.x directives that wrap Bootstrap 3 components into reusable UI widgets and interactive behaviors. It provides native AngularJS 1.2+ directives for common UI patterns including datepickers, popovers, and scroll-based navigation, turning Bootstrap 3 markup into interactive widgets such as tabs, alerts, and side panels. The library wraps Bootstrap 3 jQuery plugins as AngularJS directives using the compile and link phases for DOM manipulation. It offers a set of AngularJS directives implementing Bootstrap 3 UI components like modals, tooltips
A collection of AngularJS directives implementing Bootstrap 3 UI components.
ngx-bootstrap est un ensemble de widgets et de composants d'interface utilisateur stylisés Bootstrap conçus spécifiquement pour le framework Angular. Il fournit une bibliothèque d'éléments d'interface réutilisables conçus pour fonctionner avec le moteur de compilation et de rendu Angular Ivy. La bibliothèque permet l'intégration de composants Bootstrap dans des applications Angular pour créer des interfaces utilisateur réactives sans nécessiter de CSS ou de JavaScript manuel. Elle remplace le besoin de jQuery en utilisant des directives Angular pour la gestion d'état et un moteur de positionnement adaptatif pour les éléments flottants. L'ensemble de composants couvre un large éventail d'éléments interactifs, notamment des contrôles de navigation comme les onglets et la pagination, des fenêtres de superposition comme les modales et les popovers, et des outils de saisie de données comme les sélecteurs de date et d'heure. Il inclut également des widgets de mise en page et de feedback tels que des accordéons, des barres de progression et des alertes.
Provides Angular directives and components that wrap Bootstrap HTML and CSS for declarative use in responsive interfaces.
bootstrap-wysiwyg est un éditeur HTML WYSIWYG et un éditeur de contenu basé sur navigateur conçu pour s'intégrer au framework CSS Bootstrap. Il fournit une interface visuelle pour créer et formater du contenu texte riche qui produit du balisage HTML. L'éditeur permet des flux de travail de formatage de texte personnalisés via la configuration des barres d'outils et des raccourcis clavier. Les utilisateurs peuvent intégrer des images via glisser-déposer et utiliser un processus dédié pour nettoyer les balises redondantes et les espaces blancs dans le balisage généré.
Integrates a compatible rich text editor with Bootstrap-based interfaces for a consistent look and feel.
Bootstrap-switch est un plugin jQuery qui transforme les cases à cocher et boutons radio HTML standard en interrupteurs à bascule visuels. Il sert d'interrupteur d'entrée de formulaire qui fournit une interaction de bascule coulissante en remplacement des éléments d'entrée binaires traditionnels. Ce composant est conçu spécifiquement pour les interfaces Bootstrap, permettant la personnalisation de pages web qui suivent le système de design du framework CSS Bootstrap. Il améliore les formulaires web en convertissant les éléments d'entrée de base en interrupteurs interactifs pour améliorer la clarté visuelle des paramètres et préférences binaires.
Adds interactive switch components specifically designed for interfaces following the Bootstrap design system.
Bootbox est une bibliothèque de dialogues programmatiques et une interface modale JavaScript conçue pour créer des dialogues d'alerte, de confirmation et de saisie non bloquants. Il fonctionne comme un wrapper pour le framework CSS Bootstrap, fournissant une boîte à outils pour ajouter des interactions popup stylisées aux interfaces web. La bibliothèque simule les comportements de dialogue natifs du navigateur via une API programmatique, remplaçant les alertes bloquantes par des fenêtres modales asynchrones. Elle se distingue en offrant une conception d'interface localisée, permettant la traduction des boutons et du contenu des dialogues dans plusieurs langues en utilisant des jeux de traduction intégrés ou personnalisés. Le projet couvre une gamme de composants de dialogue, incluant des notifications simples, des invites de confirmation et des champs de saisie structurés pour capturer du texte, des mots de passe ou des sélections. Il fournit des outils pour la configuration visuelle, comme l'ajustement de la taille et du centrage du dialogue, aux côtés de capacités de gestion pour contrôler les cycles de vie des dialogues et effectuer la fermeture en masse des fenêtres actives.
Extends Bootstrap with customizable, localized popup interactions and modal dialogs.
bootstrap-modal est une bibliothèque JavaScript qui étend le composant modal Bootstrap standard pour fournir des capacités avancées de redimensionnement, d'empilement et d'animation. Il fonctionne comme un chargeur modal AJAX, récupérant du contenu distant et mettant à jour les vues de manière asynchrone sans nécessiter de rafraîchissement de la page du navigateur. Le projet fournit un gestionnaire de superposition empilable pour organiser de multiples fenêtres qui se chevauchent avec une gestion d'événements synchronisée et un ordre de couche correct. Il inclut également un composant d'interface utilisateur responsive qui ajuste automatiquement les dimensions et les contraintes en fonction de la taille actuelle de la fenêtre. La bibliothèque couvre des domaines fonctionnels plus larges incluant les workflows modaux imbriqués, le verrouillage du défilement en arrière-plan et les animations de transition modale. Elle incorpore en outre des mécanismes de feedback visuel tels que des indicateurs d'état de chargement et des animations d'interaction pour signaler les processus d'arrière-plan actifs.
Adds advanced resizing, stacking, and animation capabilities as a plugin to Bootstrap interfaces.