Awesome GitHub RepositoriesCard Components

CoreUI Free Bootstrap Admin Template is a pre-built, responsive admin dashboard template built on Bootstrap 5 for constructing back-office interfaces. It provides a library of UI components with native wrappers for React, Vue, and Angular applications, alongside a Sass-based theming system for managing brand colors, dark mode, and design tokens via variables and CSS custom properties. The template includes a set of advanced form controls such as autocomplete, date pickers, and multi-step wizards with built-in validation, and supports switching the entire interface between built-in dark and li

Flowbite is a cross-framework UI library and design system built as a collection of pre-styled components and layout blocks using Tailwind CSS utility classes. It functions as a TypeScript UI toolkit and a general web framework for creating responsive websites and applications. The project provides a mirroring Figma design system to allow prototyping of components and variants before they are coded. It distinguishes itself through an AI-driven approach to page generation and the creation of design specifications via a command-line interface. The library covers a wide range of interactive int

This project is a CSS collectible card framework and holographic effect library designed to create interactive trading card faces. It provides a system for rendering complex artwork and card components entirely through CSS stylesheets without the use of external image assets. The framework specializes in simulating physical materials such as iridescent shimmers, metallic glares, and holographic foils. It utilizes blend modes and gradients to produce specialized surface finishes, including glitter and galaxy patterns, which react dynamically to the user's cursor position. The system further i

This repository is a collection of practical code snippets and implementation patterns for Flutter and Dart. It serves as a comprehensive guide and reference for asynchronous programming, state management patterns, and UI component design. The project provides advanced language reference material covering generics, reflection, factory constructors, and null-aware operators. It also includes specific utilities for manipulating Dart collections, such as helper methods for transforming and filtering maps, lists, and iterables. The coverage extends to high-level capabilities including asynchrono

Polaris React is a production-ready component library that implements Shopify's Polaris design system for building consistent merchant-facing admin interfaces. It provides a comprehensive set of reusable React components, including accessible form inputs, data display elements, layout and navigation structures, and visual feedback indicators, all styled through a semantic color token system applied via CSS custom properties for dynamic light and dark mode support. The library distinguishes itself with an icon-first visual language featuring over 400 commerce-specific SVG icons delivered as fi

Theme-ui ist ein React-Theme-Framework und CSS-in-JS-Utility für den Aufbau themenfähiger Benutzeroberflächen. Es fungiert als Design-System-Tool, das zentralisierte, einschränkungsbasierte Skalen für Farben, Typografie und Abstände festlegt, um visuelle Konsistenz über Anwendungen hinweg zu gewährleisten. Das Framework zeichnet sich durch eine Array-basierte responsive Kurzschreibweise für Mobile-First-Layouts und einen dedizierten Color-Mode-Manager aus, der mit Browsereinstellungen synchronisiert wird und Benutzerauswahlen beibehält. Es bietet zudem ein System zur Erstellung benannter Style-Varianten, um das Komponenten-Erscheinungsbild über Eigenschaften zu steuern, und bietet Synchronisationsfunktionen, um Theme-Konfigurationen in Figma-Styles zu übersetzen. Das Projekt deckt eine breite Palette an Styling-Funktionen ab, einschließlich globaler CSS-Injektion für Element-Resets, verschachtelter Theme-Overrides via Context und ein Deep-Merge-Konfigurationssystem zur Erweiterung von Design-Presets. Es enthält zudem eine Reihe themenfähiger Layout-Komponenten, wie responsive Grids und standardisierte Formulareingaben. Ein dediziertes Plugin ist für die Integration des Design-Systems in Gatsby-Sites verfügbar.

Koloda ist eine iOS-Gesteninteraktionsbibliothek und SwiftUI-View-Komponente, die zum Erstellen von Swipeable-Card-Interfaces verwendet wird. Sie bietet eine stapelbasierte View-Komponente, die überlappende Views verwaltet und sicherstellt, dass nur das oberste Element aktiv interaktiv bleibt. Die Bibliothek ermöglicht die Anpassung des Erscheinungsbildes der Karten, einschließlich der Konfiguration von Overlays und Animationen, die bestimmen, wie sich Hintergrundkarten während eines Swipes bewegen. Sie verwaltet das Drag-Verhalten und die Swipe-Richtungen und löst spezifische Logik aus, wenn Karten gewischt, angetippt oder vollständig aufgebraucht werden. Die Komponente deckt die Implementierung gestengesteuerter View-Transformationen und das Rendern von Kartenstapeln ab, die Benutzer durch ein gängiges Auswahl-Interaktionsmuster verwerfen.

Lovelace Mushroom is a custom card set and UI library for Home Assistant designed for displaying and controlling smart home device entities. It provides a framework for building clean, visual dashboards and control interfaces to manage connected hardware. The library includes a theme framework that allows for the application of custom color palettes and the use of light or dark modes. Users can configure card appearances and visual themes using built-in pickers and a visual editor to avoid manual source code modification.

Dieses Projekt ist ein React-basiertes Admin-Template und UI-Kit, das für den Aufbau von Dashboards entwickelt wurde. Es bietet eine umfassende Sammlung vorgestylter Layouts, eine zugängliche Komponentenbibliothek und ein Sass-basiertes UI-Framework für die Erstellung administrativer Interfaces. Das Template ist spezifisch als KI-optimiertes Projekt strukturiert und nutzt Coding-Muster und Organisation, die darauf ausgelegt sind, KI-Assistenten bei der Generierung konsistenter, produktionsreifer React-Codes zu unterstützen. Es verfügt über ein flexibles Styling-System unter Verwendung von Sass-Variablen und CSS-Custom-Properties, um anpassbare helle und dunkle Themen zu unterstützen. Das Kit deckt ein breites Spektrum an Interface-Funktionen ab, einschließlich Datenvisualisierungs-Widgets, interaktiven Tabellen mit Sortierung und Paginierung sowie komplexen Formularelementen wie Multi-Step-Wizards. Es enthält übergeordnete Navigationssysteme wie Sidebars und Breadcrumbs sowie strukturelle Komponenten wie responsive Grids, modale Dialoge und zugängliche Kalender-Interfaces.

Getwidget is a comprehensive Flutter UI component library and design system providing over 1,000 pre-built widgets for creating cross-platform user interfaces. It serves as a production-ready widget gallery designed to accelerate the front-end development process through a wide array of pre-composed elements. The project includes a specialized AI interaction UI kit featuring components for rendering streaming large language model responses, RAG chat interfaces, and real-time voice agents. It also provides operational utilities for estimating monthly LLM expenditures based on token usage and p

cardslib ist eine Android-UI-Komponentenbibliothek und ein Card-Layout-Framework. Es bietet eine Reihe spezialisierter Adapter und Views, die als Erweiterung für hochperformantes Card-Rendering innerhalb von Recycling-Listen konzipiert sind. Die Bibliothek zeichnet sich durch eine sortierbare Listenimplementierung aus, die Drag-and-Drop-Elementverschiebung und verschachtelte Inhaltshierarchien unterstützt. Sie enthält zudem ein Interaktionssystem zur Verwaltung direktionaler Wischbeschränkungen und eine anpassbare Benachrichtigungsleiste für Undo-Aktionen. Das Framework deckt eine breite Palette an kartenbasierten Schnittstellenfunktionen ab, einschließlich der Komposition visueller Vorlagen mit Datenmodellen, Sektionsgruppierung und Sichtbarkeitsumschaltung. Es unterstützt die Anzeige von Kartensammlungen in Listen-, Raster- oder versetzten Anordnungen.

Open-UI ist eine Reihe von Web-UI-Standardspezifikationen und eine standardisierte UI-Komponentenbibliothek. Sie bietet technische Definitionen für universelle UI-Komponenten, Verhaltensweisen und Barrierefreiheitsanforderungen, die darauf ausgelegt sind, die Cross-Browser-Kompatibilität durch eine Reihe von Web-Sprachvorschlägen sicherzustellen. Das Projekt umfasst ein Web-Accessibility-Polyfill und erweiterbare Control-Polyfills, die moderne UI-Steuerungsfunktionalität in Umgebungen ohne native Browser-Unterstützung bereitstellen. Es enthält eine Browser-Kompatibilitätssuite, um zu verifizieren, dass Komponenten die definierten Verhaltens- und Barrierefreiheitsanforderungen erfüllen. Die Bibliothek deckt eine breite Palette an Interface-Elementen ab, darunter durchsuchbare Comboboxen, interaktive Menüsysteme, Multi-Handle-Range-Inputs und anpassbare Select-Menüs. Sie enthält zudem Layout- und Navigationskomponenten wie Akkordeons, Modals, Breadcrumbs und Karussells. Das System nutzt deklarative Verhaltenszuordnung und Event-basiertes Action-Dispatching zur Ausführung von Komponentenlogik, während interne Zustände über CSS-Pseudo-Elemente für visuelles Styling offengelegt werden.