27 Repos
Collections of pre-built interface resources and components specifically designed for use within the Angular framework.
Explore 27 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 ist eine jQuery-Bibliothek für In-Place-Editing, die statische Inhalte in editierbare Felder umwandelt. Sie fungiert als Inline-Content-Editor, der Aktualisierungen direkt auf einer Webseite ermöglicht, ohne dass eine Seitennavigation erforderlich ist. Die Bibliothek enthält einen anpassbaren Input-Renderer, der diverse Formate wie Textfelder, Date-Picker und Rich-Text-Editoren unterstützt. Zudem verfügt sie über einen clientseitigen Input-Validator, um bearbeitete Werte anhand spezifischer Regeln zu verifizieren, bevor Änderungen committet werden. Das Toolkit integriert sich in UI-Frameworks wie Bootstrap und jQuery UI. Es bietet konfigurierbare Interaktions-Trigger, wie z. B. einfache oder doppelte Klicks, um den Bearbeitungsmodus zu aktivieren.
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 ist ein Set von Bootstrap-gestylten UI-Widgets und Komponenten, die speziell für das Angular-Framework gebaut wurden. Es bietet eine Bibliothek wiederverwendbarer Interface-Elemente, die für die Arbeit mit der Angular-Ivy-Kompilierungs- und Rendering-Engine konzipiert sind. Die Bibliothek ermöglicht die Integration von Bootstrap-Komponenten in Angular-Anwendungen, um reaktionsschnelle Benutzeroberflächen ohne manuelle CSS- oder JavaScript-Arbeit zu erstellen. Sie ersetzt die Notwendigkeit für jQuery durch die Verwendung von Angular-Direktiven für das Zustandsmanagement und eine adaptive Positionierungs-Engine für schwebende Elemente. Das Komponentenset deckt eine breite Palette interaktiver Elemente ab, einschließlich Navigationskontrollen wie Tabs und Paginierung, Overlay-Fenster wie Modals und Popovers sowie Dateneingabetools wie Datums- und Zeitauswahlen. Es enthält zudem Layout- und Feedback-Widgets wie Akkordeons, Fortschrittsbalken und Alerts.
Provides Angular directives and components that wrap Bootstrap HTML and CSS for declarative use in responsive interfaces.
bootstrap-wysiwyg ist ein WYSIWYG-HTML-Editor und browserbasierter Content-Editor, der für die Integration mit dem Bootstrap-CSS-Framework entwickelt wurde. Er bietet eine visuelle Oberfläche zum Erstellen und Formatieren von Rich-Text-Inhalten, die HTML-Markup ausgibt. Der Editor ermöglicht benutzerdefinierte Textformatierungs-Workflows durch die Konfiguration von Toolbars und Tastenkürzeln. Nutzer können Bilder via Drag-and-Drop einbetten und einen dedizierten Prozess nutzen, um redundante Tags und Whitespace im generierten Markup zu bereinigen.
Integrates a compatible rich text editor with Bootstrap-based interfaces for a consistent look and feel.
Bootstrap-switch ist ein jQuery-Plugin, das standardmäßige HTML-Checkboxen und Radio-Buttons in visuelle Toggle-Switches umwandelt. Es dient als Formular-Eingabeschalter, der eine gleitende Toggle-Interaktion als Ersatz für traditionelle binäre Eingabeelemente bietet. Diese Komponente wurde speziell für Bootstrap-Interfaces entwickelt und ermöglicht die Anpassung von Webseiten, die dem Bootstrap-CSS-Framework-Designsystem folgen. Sie verbessert Webformulare durch die Umwandlung grundlegender Eingabeelemente in interaktive Schalter, um die visuelle Klarheit binärer Einstellungen und Präferenzen zu verbessern.
Adds interactive switch components specifically designed for interfaces following the Bootstrap design system.
Bootbox is a programmatic dialog library and JavaScript modal interface designed to create non-blocking alert, confirm, and prompt dialogs. It functions as a wrapper for the Bootstrap CSS framework, providing a toolkit to add stylized popup interactions to web interfaces. The library simulates native browser dialog behaviors through a programmatic API, replacing blocking alerts with asynchronous modal windows. It distinguishes itself by offering a localized interface design, allowing for the translation of dialog buttons and content across multiple languages using built-in or custom translati
Extends Bootstrap with customizable, localized popup interactions and modal dialogs.
bootstrap-modal ist eine JavaScript-Bibliothek, die die Standard-Bootstrap-Modal-Komponente erweitert, um fortgeschrittene Funktionen für Größenänderung, Stapelung und Animation bereitzustellen. Sie fungiert als AJAX-Modal-Loader, der Remote-Inhalte abruft und Views asynchron aktualisiert, ohne dass ein Neuladen der Browserseite erforderlich ist. Das Projekt bietet einen stapelbaren Overlay-Manager, um mehrere überlappende Fenster mit synchronisierter Ereignisbehandlung und korrekter Ebenenreihenfolge zu organisieren. Es enthält zudem eine responsive UI-Komponente, die Abmessungen und Einschränkungen automatisch basierend auf der aktuellen Fenstergröße anpasst. Die Bibliothek deckt breitere Funktionsbereiche ab, einschließlich verschachtelter modaler Workflows, Hintergrund-Scroll-Sperrung und modaler Übergangsanimationen. Sie integriert zudem visuelle Feedback-Mechanismen wie Ladezustandsindikatoren und Interaktionsanimationen, um aktive Hintergrundprozesse zu signalisieren.
Adds advanced resizing, stacking, and animation capabilities as a plugin to Bootstrap interfaces.