51 repositorios
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.