4 Repos
Visual elements like badges, lists, and cards for structured content display.
Distinguishing note: No candidates provided; fits under UI & Experience as a presentation utility.
Explore 4 awesome GitHub repositories matching user interface & experience · Data Presentation Components. Refine with filters or upvote what's useful.
Filament is a full-stack framework for building administrative panels and management interfaces within the Laravel ecosystem. It provides a declarative, component-based architecture that allows developers to construct complex, data-driven applications using server-side configuration objects rather than manual HTML. By inspecting database model structures and relationships, the framework automates the generation of CRUD interfaces, forms, and data tables, significantly reducing boilerplate code. The project distinguishes itself through a highly modular and extensible design that supports custo
Customizes image rendering through default placeholders and HTML attribute injection.
Reflex is a full-stack web framework that enables the development of complete web applications using only Python. It provides a unified environment where server-side logic and client-side interfaces are synchronized through a shared, event-driven architecture. By using a declarative component language, the framework compiles code into reactive frontend elements and backend event handlers, allowing developers to manage the entire application lifecycle within a single codebase. The framework distinguishes itself through its reactive state management and integrated AI-assisted development tools.
Presents structured data using organized visual elements like badges, lists, and cards.
Picnic ist ein leichtgewichtiges CSS-Framework, das darauf ausgelegt ist, die Entwicklung responsiver Web-Interfaces zu beschleunigen. Es bietet eine grundlegende Styling-Basis, die visuelle Designs direkt auf native HTML-Elemente anwendet, was die Erstellung sauberer und zugänglicher Layouts ohne umfangreiche benutzerdefinierte Klassennamen ermöglicht. Das Framework zeichnet sich dadurch aus, dass es interaktive UI-Komponenten – wie Modals, Tabs und Navigationsmenüs – vollständig mittels CSS implementiert. Durch die Nutzung von Pseudo-Klassen und Sibling-Selektoren verwaltet es den Komponentenstatus und die Interaktivität, ohne dass externe JavaScript-Logik erforderlich ist. Dieser Ansatz stellt sicher, dass komplexe Interface-Elemente funktional und leichtgewichtig bleiben. Die Bibliothek enthält eine umfassende Suite an strukturellen und präsentationsorientierten Tools, einschließlich eines Flexbox-basierten Grid-Systems, vertikaler Element-Stapelung und responsiver Layout-Engines, die sich automatisch an verschiedene Bildschirmgrößen anpassen. Sie bietet zudem standardisiertes Styling für die Datendarstellung, wie Tabellen und Karten, neben spezialisierten Eingabekomponenten wie Drag-and-Drop-Upload-Zonen und kontextuellen Tooltips.
Provides consistent CSS rules to format recurring data patterns such as content cards and tables.
Docxtemplater is an office document generation engine designed to automate the creation of personalized business documents, presentations, and spreadsheets. By manipulating the underlying XML structure of office files, the framework replaces placeholders within pre-designed templates with dynamic data, enabling the programmatic production of reports, invoices, and complex data-driven documents. The project distinguishes itself through a modular extension architecture that allows developers to integrate custom logic for handling images, charts, and specialized formatting. It supports advanced
Customizes image appearance by controlling dimensions, alignment, rotation, borders, captions, and text wrapping behavior.