Awesome GitHub RepositoriesFramework-Agnostic UI Development

Stencil is a compiler used for authoring web component libraries and developing framework-agnostic user interface elements. It transforms TypeScript and JSX source code into standard custom elements that operate natively in the browser. The project enables the implementation of design systems and enterprise component systems by sharing a single codebase across different JavaScript frameworks. It generates specific adapter layers that allow these custom elements to be used as native components in React, Angular, and Vue. The toolset incorporates ahead-of-time compilation to minimize bundle si

This project is a web component tooling system used to compile TypeScript and JSX into standard-compliant custom elements. It enables the development of framework-agnostic components that function across different browsers and frontend environments. The toolset focuses on cross-framework UI distribution, allowing a single library of components to be used in React, Angular, Vue, or plain HTML. It includes capabilities for enterprise design system engineering and generates specific wrapper code to ensure components behave as native elements within various frameworks. The system covers server-s

Embla Carousel is a framework-agnostic JavaScript library used to build sliding content galleries and touch-enabled slider components. It provides a toolkit for creating carousels that function independently of any specific frontend framework or DOM library. The library focuses on precision swiping and fluid motion for interactive image galleries and custom content sliders. It is designed to maintain consistent behavior across different browser environments and device screen sizes.

Golden Layout is a framework-agnostic UI container and web window layout manager designed to organize application interfaces into a flexible grid of draggable and resizable multi-pane windows. It functions as a hierarchical grid system that arranges page elements into a tree of nested rows and columns to create complex professional interfaces. The system acts as a multi-window workspace orchestrator, allowing components to be detached from the main layout into independent native browser windows. It also serves as a serializable layout engine that captures the arrangement of user interface com

Tailwind Starter Kit is a copy-paste UI component library built with Tailwind CSS, designed to accelerate front-end development by providing pre-built, reusable interface blocks that can be inserted directly into any project without package managers or build tools. It delivers identical UI components as native code for React, Vue, Angular, and plain HTML, making it a framework-agnostic resource for assembling responsive layouts. The kit structures its UI blocks as plain Tailwind markup that AI code generators can parse and reproduce from natural-language descriptions, making it compatible wit

Splide ist eine Framework-agnostische TypeScript-Bibliothek zum Erstellen barrierefreier, Touch-fähiger Content-Karussells und Bildergalerien. Sie bietet eine abhängigkeitsfreie Implementierung von Slidern, die Drag-, Swipe- und Flick-Interaktionen auf Mobil- und Desktop-Browsern unterstützen. Die Bibliothek zeichnet sich durch eine umfassende Barrierefreiheitsebene unter Verwendung von ARIA-Rollen und Screenreader-Unterstützung aus. Sie verfügt über ein responsives Breakpoint-System, das Slider-Dimensionen und -Verhalten an die Bildschirmbreite anpasst, sowie ein Plugin-System zur Erweiterung der Kernfunktionen um benutzerdefinierte Komponenten und Übergangseffekte. Das Projekt deckt eine Vielzahl an Layout- und Interaktionsmöglichkeiten ab, einschließlich Grid-Anordnungen, variabler Slider-Dimensionen und synchronisierter Slider-Workflows. Es enthält Performance-Optimierungen wie Lazy-Loading von Medien und Viewport-Intersection-Monitoring sowie multimodale Navigation via Tastatur, Mausrad oder Thumbnail-Verlinkung. Dedizierte Wrapper-Pakete sind für die Integration in verschiedene Frontend-Framework-Architekturen verfügbar.