awesome-repositories.com
Blog
MCP
awesome-repositories.com

Descubre los mejores repositorios open-source con nuestra búsqueda potenciada por IA.

ExplorarBúsquedas curadasAlternativas open-sourceSoftware autohospedableBlogMapa del sitio
ProyectoServidor MCPAcerca deCómo clasificamosPrensa
Aviso legalPrivacidadTérminos
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

51 repositorios

Awesome GitHub RepositoriesContent Cards

Flexible containers that organize and display content using headers, footers, and images.

Explore 51 awesome GitHub repositories matching user interface & experience · Content Cards. Refine with filters or upvote what's useful.

Awesome Content Cards GitHub Repositories

Encuentra los mejores repositorios con IA.Buscaremos los repositorios que mejor coincidan usando IA.
  • twbs/bootstrapAvatar de twbs

    twbs/bootstrap

    174,380Ver en GitHub↗

    Bootstrap is a comprehensive, mobile-first CSS framework designed for building responsive web interfaces. It provides a standardized library of reusable UI components, such as navigation bars, modals, and forms, alongside a robust grid system that ensures consistent layout alignment across diverse viewport sizes. By establishing a baseline through browser normalization and standardized typography, the project enables developers to create accessible, cross-browser compatible web applications. The framework distinguishes itself through a modular Sass-based architecture that allows for deep cust

    Provides flexible, pre-styled containers that support headers, footers, and images for structured content display.

    MDXbootstrapcsscss-framework
    Ver en GitHub↗174,380
  • blueimp/jquery-file-uploadAvatar de blueimp

    blueimp/jQuery-File-Upload

    30,748Ver en GitHub↗

    This project is a jQuery-based file upload widget that provides a browser interface for selecting and transferring files to a server. It functions as a chunked file uploader and a resumable upload client, enabling the transfer of large files by splitting them into smaller segments or continuing interrupted uploads from the last successfully sent byte. The tool includes a client-side image processor for validating, resizing, and generating previews of images before transmission. It also serves as a cross-domain upload tool, using various transport mechanisms to send files to different domains

    Shrinks image dimensions on the user device before uploading to minimize bandwidth and server storage usage.

    PHP
    Ver en GitHub↗30,748
  • ankitects/ankiAvatar de ankitects

    ankitects/anki

    28,571Ver en GitHub↗

    Anki is a cross-platform flashcard management system designed to optimize long-term memory retention through spaced-repetition learning. It functions as a digital learning assistant that uses active recall practice and automated scheduling algorithms to determine the ideal timing for card reviews based on individual performance history. The core system relies on a local relational database to ensure data persistence and portability, while supporting complex study workflows through flexible note-type schema modeling and template-driven content rendering. The platform distinguishes itself throu

    Hides specific regions of an image to test visual recognition and knowledge of details.

    Rust
    Ver en GitHub↗28,571
  • mdbootstrap/mdb-ui-kitAvatar de mdbootstrap

    mdbootstrap/mdb-ui-kit

    24,256Ver en GitHub↗

    The mdb-ui-kit is a frontend component library and visual extension that combines the Bootstrap 5 framework with Material Design principles. It provides a collection of pre-styled interface elements and responsive web templates to facilitate the development of consistent web applications. The toolkit extends the Bootstrap ecosystem by adding Material Design aesthetics and advanced styling options. It enables rapid prototyping through the use of pre-configured design blocks and provides mechanisms for deep visual customization via SCSS variables and native CSS custom properties, including supp

    Provides flexible containers to organize images, text, and navigation headers into responsive content cards.

    SCSSbootstrapbootstrap-materialbootstrap-template
    Ver en GitHub↗24,256
  • dailydotdev/dailyAvatar de dailydotdev

    dailydotdev/daily

    19,896Ver en GitHub↗

    Daily is a professional network and social platform for software engineers designed for technical content discovery and knowledge sharing. It functions as a content aggregator that provides personalized feeds of ecosystem trends and professional knowledge gathered from across the web. The platform enables developers to build a professional presence through a digital portfolio profile. This includes a dynamic developer card that automatically tracks and displays professional activity and status on user account pages. The community surface includes developer groups and hubs for collaborating o

    Implements dynamic developer cards that automatically showcase professional activity and status on user profiles.

    Ver en GitHub↗19,896
  • tusen-ai/naive-uiAvatar de tusen-ai

    tusen-ai/naive-ui

    18,381Ver en GitHub↗

    Naive UI is a comprehensive TypeScript user interface library and component set designed specifically for Vue 3 applications. It provides a type-safe framework for building web interfaces, featuring a responsive layout engine and high-performance data components such as virtual-scroll data tables. The library is distinguished by a customizable theme system that utilizes type-safe JavaScript objects for visual overrides instead of traditional CSS variables. This architecture allows for dynamic runtime updates and global style configurations managed through a centralized provider. The framewor

    Includes flexible content cards for grouping related information with headers, footers, and hover effects.

    TypeScriptcomponent-libraryui-componentsvue
    Ver en GitHub↗18,381
  • dropzone/dropzoneAvatar de dropzone

    dropzone/dropzone

    18,377Ver en GitHub↗

    Dropzone is a JavaScript file upload library that provides a browser-based interface for capturing dropped files and transmitting them to a server. It functions as a multipart upload client, splitting large files into smaller chunks to increase transmission reliability and bypass server size limits. The library includes a client-side image processor capable of resizing images and correcting photo orientation in the browser before they are sent to a server. It generates image thumbnails and visual previews immediately after selection, and can render previews for files already hosted on a serve

    Adjusts image dimensions and quality in the browser to reduce bandwidth and storage usage before upload.

    JavaScriptdrag-and-dropdropzonefile-upload
    Ver en GitHub↗18,377
  • avgupta456/github-trendsAvatar de avgupta456

    avgupta456/github-trends

    16,016Ver en GitHub↗

    GitHub Trends is a tool that generates embeddable SVG cards displaying live code contribution statistics from GitHub activity. It focuses on visualizing lines of code written per programming language, per repository, and over specified time periods, designed for inclusion in GitHub profile readmes. The project provides a range of SVG card types, including language breakdown cards that show a user's top programming languages by lines of code committed, repository activity cards that rank repositories by contribution volume, and time-based contribution cards that display code written over a cho

    Creates SVG cards showing lines of code written per repository for embedding in profile readmes.

    Pythongithubgithub-apigithub-wrapped
    Ver en GitHub↗16,016
  • shuding/nextraAvatar de shuding

    shuding/nextra

    13,842Ver en GitHub↗

    Nextra is a documentation framework for Next.js that functions as an MDX static site generator. It enables the creation of structured technical documentation sites by transforming MDX files into themed static pages with built-in layout and navigation. It serves as a React-based documentation tool that allows the integration of custom React components directly into markdown content. The framework distinguishes itself through integrated full-text search and a localization system that manages multilingual content via language routing and translation selectors. It also includes an AI-powered chat

    Offers visually appealing content card components for displaying related links, icons, and images.

    TypeScriptmarkdownmdxnextjs
    Ver en GitHub↗13,842
  • novnc/novncAvatar de novnc

    novnc/noVNC

    13,797Ver en GitHub↗

    noVNC is an HTML5 remote desktop viewer and VNC web client that allows users to access and control remote desktops, virtual machines, and containers through a web browser. It functions as a remote desktop management tool that integrates the VNC protocol to enable remote server administration without the need for a dedicated client application. The project includes a VNC WebSocket proxy that translates binary VNC network traffic into WebSockets to bypass browser restrictions on direct TCP connections. This proxy service supports bridging connections to multiple remote servers by listening on v

    Provides client-side resizing and clipping of the remote desktop image to fit various browser window dimensions.

    JavaScriptarraybufferhtmlhtml-canvas
    Ver en GitHub↗13,797
  • coreui/coreui-free-bootstrap-admin-templateAvatar de coreui

    coreui/coreui-free-bootstrap-admin-template

    12,220Ver en GitHub↗

    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

    Creates flexible, extensible boxes for displaying mixed content such as text, images, lists, and links.

    HTMLadminadmin-dashboardadmin-panel
    Ver en GitHub↗12,220
  • cosmicmind/materialAvatar de CosmicMind

    CosmicMind/Material

    11,988Ver en GitHub↗

    Material is a mobile user interface framework designed for building responsive and consistent native applications. It provides a declarative component architecture that allows developers to construct complex interfaces through modular, self-contained elements that manage their own state and rendering logic. The framework distinguishes itself through a constraint-based layout engine that calculates component geometry by solving spatial relationships between elements, ensuring layouts adapt automatically to varying screen sizes. It also features a hierarchical design system that propagates styl

    Displays structured information using flexible card components with integrated toolbars and custom layouts.

    Swiftanimationcardcosmicmind
    Ver en GitHub↗11,988
  • picturepan2/spectreAvatar de picturepan2

    picturepan2/spectre

    11,317Ver en GitHub↗

    Spectre is a comprehensive CSS framework and UI utility toolkit designed for building responsive web interfaces. It functions as a CSS component library that provides pre-styled interface elements and helper classes to facilitate frontend UI development. The framework is distinguished by a pure-CSS component architecture that avoids dependence on external JavaScript runtimes. It utilizes a SASS-based build pipeline that supports class prefixing, stylesheet pruning, and a variable-based theme system for creating custom design systems. The project covers a wide range of layout and interface ca

    Groups related images, headers, and body text into flexible containers to organize content into modular blocks.

    CSS
    Ver en GitHub↗11,317
  • ankidroid/anki-androidAvatar de ankidroid

    ankidroid/Anki-Android

    10,755Ver en GitHub↗

    Anki-Android is an open-source education application designed for long-term memory retention through the use of spaced repetition. The platform enables users to create, manage, and study multimedia flashcards that support text, images, audio, and mathematical notation. It provides a structured environment for learning by scheduling review intervals based on an optimized algorithm that prioritizes content according to individual performance. The application distinguishes itself through its cross-platform synchronization capabilities, allowing users to maintain consistent study collections and

    Displays diverse card formats including text, images, audio, and mathematical notation to support varied learning materials.

    Kotlinandroidankiankidroid
    Ver en GitHub↗10,755
  • esimov/caireAvatar de esimov

    esimov/caire

    10,481Ver en GitHub↗

    Caire is a command-line image processing engine designed for content-aware resizing and batch manipulation. It utilizes seam carving algorithms to adjust image dimensions by identifying and removing low-energy pixels, allowing for the rescaling of images while preserving primary visual subjects and maintaining aspect ratios. The tool distinguishes itself through its ability to protect specific visual elements, such as human faces, from distortion during the resizing process. Users can apply custom binary masks to define regions for protection or forced removal, and the engine provides real-ti

    Performs seam carving to adjust image dimensions while preserving important visual subjects and protecting faces.

    Gocomputer-visioncontent-aware-resizecontent-aware-scaling
    Ver en GitHub↗10,481
  • 0x7c13/notepadsAvatar de 0x7c13

    0x7c13/Notepads

    10,131Ver en GitHub↗

    Notepads is a minimalist text editor for Windows that renders its interface directly through native Win32 API calls, without relying on cross-platform toolkits. It is built around a single-instance document model where each open file is managed as an independent object with its own undo history and state, organized through a tab-based interface with keyboard-driven navigation. The editor distinguishes itself by supporting bidirectional text flow, allowing users to toggle paragraph direction between left-to-right and right-to-left. It also includes a real-time Markdown live preview that displa

    Adjusts the text display size by applying a uniform scale factor to the entire viewport.

    C#appdiff-viewerfluent
    Ver en GitHub↗10,131
  • vuematerial/vue-materialAvatar de vuematerial

    vuematerial/vue-material

    9,837Ver en GitHub↗

    Vue Material is a comprehensive UI toolkit and framework for Vue.js that implements the Material Design specification. It provides a suite of pre-built, themed components designed to create consistent and responsive web applications. The library features dynamic theme support for runtime color scheme changes and automatic accessibility contrast management. It is designed for compatibility with server-side rendering to improve initial load times and search engine optimization, and it includes internationalization support for locale translation and text direction adjustments. The toolkit cover

    Provides flexible content containers with expandable and collapsible sections for organized information display.

    Vuehacktoberfesthacktoberfest2021javascript
    Ver en GitHub↗9,837
  • github/octiconsAvatar de github

    github/octicons

    8,704Ver en GitHub↗

    Octicons es una librería de gráficos vectoriales escalables hechos a mano y un conjunto de iconos de sistema de diseño estandarizado. Proporciona una colección de archivos SVG optimizados y símbolos visuales destinados a su uso en interfaces web para mantener una identidad unificada en los diseños de productos digitales. La librería encapsula gráficos vectoriales dentro de envoltorios de framework para gestionar programáticamente las propiedades de estilo y accesibilidad. Emplea una especificación impulsada por el sistema de diseño y un pipeline de activos basado en SVG para garantizar un renderizado consistente y una alta claridad en diferentes resoluciones de pantalla. El proyecto cubre la gestión de activos SVG y la iconografía de interfaces web, utilizando el mapeo de rutas basado en coordenadas y el escalado restringido por viewbox para mantener las proporciones. Admite la generación de SVG agnóstica al framework para permitir que los gráficos sean consumidos por varios motores de renderizado.

    Uses a fixed coordinate system for all vectors to maintain consistent proportions across different implementation sizes.

    JavaScript
    Ver en GitHub↗8,704
  • dylanvann/react-native-fast-imageAvatar de DylanVann

    DylanVann/react-native-fast-image

    8,424Ver en GitHub↗

    This is a high-performance image component and native caching library for mobile applications. It provides tools for image optimization and asset preloading to reduce visual flicker and increase loading speeds. The project differentiates itself through a mobile asset preloader that downloads remote images into a local cache before they are requested. It also includes a system for assigning loading priority levels to ensure critical visual assets are fetched first and supports remote asset authentication by attaching custom HTTP headers to requests. The library covers a broad range of capabil

    Enables adjustment of image fitting and appearance through various resize modes, border radius, and tint colors.

    TypeScript
    Ver en GitHub↗8,424
  • huntabyte/shadcn-svelteAvatar de huntabyte

    huntabyte/shadcn-svelte

    8,341Ver en GitHub↗

    shadcn-svelte is a collection of accessible and customizable user interface elements for Svelte applications. Rather than being distributed as a traditional dependency, these components are provided as source code that is copied directly into the project codebase. The library utilizes a registry-based distribution system, allowing users to install specific UI blocks and components via a command-line interface. This system uses JSON metadata to define dependencies and file paths, while a bootstrapping process automates the configuration of styles and CSS variables. The project integrates Tail

    Provides flexible card containers that organize related content into header, description, body, and footer sections.

    TypeScriptbits-uishadcn-svelteshadcn-ui
    Ver en GitHub↗8,341
Ant.123Siguiente
  1. Home
  2. User Interface & Experience
  3. Data Display Components
  4. Content Cards

Explorar subetiquetas

  • Image Occlusion ToolsUtilities for hiding specific regions of an image to test visual recognition. **Distinct from Content Cards:** Distinct from Content Cards: focuses on the interactive occlusion functionality rather than the card container itself.
  • Image Resizing4 sub-etiquetasCSS-based adjustment of image dimensions to ensure content fits within display constraints. **Distinct from Content Cards:** Distinct from Content Cards: focuses on the specific image resizing capability rather than the card container.
  • Repository Cards5 sub-etiquetasSpecialized content cards that display live data from version control platforms via APIs. **Distinct from Content Cards:** Distinct from general content cards by specifically integrating live external repository data.
  • Routing LogicMechanisms for overriding default deck placement for specific card types. **Distinct from Content Cards:** Distinct from Content Cards: focuses on the routing and organization logic rather than the container itself.