awesome-repositories.com
ब्लॉग
MCP
awesome-repositories.com

AI-संचालित खोज के साथ बेहतरीन ओपन-सोर्स रिपॉजिटरी खोजें।

एक्सप्लोर करेंक्यूरेटेड खोजेंओपन-सोर्स विकल्पसेल्फ-होस्टेड सॉफ्टवेयरब्लॉगसाइटमैप
प्रोजेक्टMCP सर्वरहमारे बारे मेंहम रैंकिंग कैसे करते हैंप्रेस
कानूनीगोपनीयताशर्तें
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

31 रिपॉजिटरी

Awesome GitHub RepositoriesCards

Modular content containers for UI layouts.

Distinguishing note: No existing UI component tags found in shortlist.

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

Awesome Cards GitHub Repositories

AI के साथ बेहतरीन रिपॉजिटरी खोजें।हम AI का उपयोग करके सबसे सटीक रिपॉजिटरी खोजेंगे।
  • vsouza/awesome-iosvsouza का अवतार

    vsouza/awesome-ios

    52,496GitHub पर देखें↗

    This project is a community-driven directory of software resources, libraries, and tools designed to support iOS application development. It serves as a centralized reference point for developers, organizing a vast ecosystem of third-party components into a searchable, structured index to facilitate discovery and project integration. The repository distinguishes itself through its collaborative curation model, which aggregates disparate utilities into a single, maintainable catalog. By leveraging a flat-file documentation structure, it provides a clear overview of the tools available for nati

    Builds card-based interfaces to present content in a clean, swipeable, and modular format.

    Swiftapple-swiftarkitawesome
    GitHub पर देखें↗52,496
  • saadeghi/daisyuisaadeghi का अवतार

    saadeghi/daisyui

    41,125GitHub पर देखें↗

    This project is a utility-first component library that provides a comprehensive suite of pre-styled, reusable interface elements. It functions as a build-time engine that generates design-system-compliant styles by mapping semantic tokens to standard HTML elements and utility classes. By compiling all component styles into static CSS at build time, the library eliminates the need for client-side style calculation, ensuring efficient performance. The library distinguishes itself through a configuration-driven architecture that manages color palettes and visual styles, enabling dynamic switchin

    Groups and displays content in structured containers that support images and actions.

    Sveltecomponentcomponent-librarycomponents
    GitHub पर देखें↗41,125
  • mantinedev/mantinemantinedev का अवतार

    mantinedev/mantine

    31,263GitHub पर देखें↗

    Mantine is a comprehensive component library for building accessible and responsive web applications. It provides a foundational set of UI elements and layout primitives, anchored by a base component that supports consistent styling, spacing, and layout properties across the entire interface. The library is built on a design-driven theme engine that uses a provider-based system to propagate global design tokens and color schemes throughout an application. The library distinguishes itself through a robust architecture that emphasizes component composition and reusable interaction logic. It uti

    Provides structured container components for organizing content into distinct, visually separated blocks.

    TypeScriptdark-modedark-themehooks
    GitHub पर देखें↗31,263
  • ankitects/ankiankitects का अवतार

    ankitects/anki

    28,571GitHub पर देखें↗

    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

    Enables filtering of cards and notes using text, field-specific criteria, and logical operators.

    Rust
    GitHub पर देखें↗28,571
  • mdbootstrap/mdb-ui-kitmdbootstrap का अवतार

    mdbootstrap/mdb-ui-kit

    24,256GitHub पर देखें↗

    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 tools to customize the visual properties of card containers using CSS variables and SCSS.

    SCSSbootstrapbootstrap-materialbootstrap-template
    GitHub पर देखें↗24,256
  • dylanaraps/neofetchdylanaraps का अवतार

    dylanaraps/neofetch

    23,556GitHub पर देखें↗

    Neofetch is a command-line utility that gathers and displays hardware, software, and environment details in the terminal. It functions as a cross-platform system reporter, capable of detecting and summarizing metrics across Linux, macOS, Windows, and various Unix-like environments. The tool distinguishes itself through its terminal graphics rendering capabilities, which allow for the display of custom ASCII art or graphical images alongside system data. It utilizes a modular backend to interface with diverse operating systems and desktop environments, while employing parallel execution to gat

    Processes text-based logo files by applying color placeholders and formatting rules to render stylized graphics in the terminal.

    Shellbashcommand-linecommandline
    GitHub पर देखें↗23,556
  • vercel/ai-chatbotvercel का अवतार

    vercel/ai-chatbot

    19,541GitHub पर देखें↗

    This project is a cross-platform chatbot framework designed to integrate generative artificial intelligence models into messaging services. It provides a unified architecture for building and deploying automated bots that maintain consistent conversation state, user identity, and interaction logic across multiple messaging platforms from a single codebase. The framework distinguishes itself through a modular adapter system that normalizes platform-specific webhooks and events into a standardized internal schema. It includes a comprehensive toolkit for constructing rich, interactive user inter

    Maps structured layouts to platform-specific card formats to display native UI components like buttons and dropdowns.

    TypeScriptaichatgptnextjs
    GitHub पर देखें↗19,541
  • nosir/cleave.jsnosir का अवतार

    nosir/cleave.js

    17,867GitHub पर देखें↗

    Cleave.js is a JavaScript library that applies real-time visual formatting to form fields as users type. It provides specialized utilities to enforce visual patterns for credit cards, phone numbers, dates, times, and large numerals. The library includes predefined formatting rules for common data types, such as detecting credit card issuers to apply correct spacing and managing country-specific regional patterns for international phone numbers. It also supports large numeral grouping using Western, Indian, and Chinese numbering systems. Users can define custom input patterns using specific b

    Applies correct spacing and formatting to credit card number inputs based on detected issuers.

    JavaScriptcredit-cardcreditcardinput
    GitHub पर देखें↗17,867
  • othneildrew/best-readme-templateothneildrew का अवतार

    othneildrew/Best-README-Template

    15,866GitHub पर देखें↗

    Best-README-Template is a standardized framework for creating consistent project documentation. It provides a structured markdown boilerplate designed to help developers communicate project requirements, installation steps, and contribution guidelines to new users. The template utilizes modular sectional composition and placeholder-based variable injection to simplify the maintenance of project metadata and contact details. By using predefined structural patterns, it ensures that documentation remains consistent across diverse software repositories while remaining readable in both raw text an

    Uses placeholder tokens to inject project-specific metadata into documentation templates.

    readmereadme-template
    GitHub पर देखें↗15,866
  • jessepollak/cardjessepollak का अवतार

    jessepollak/card

    11,712GitHub पर देखें↗

    This project provides a visual credit card form UI component and payment input visualizer. It creates an interactive checkout interface that displays a dynamic visual representation of a credit card, updating in real time as users enter payment details into a form. The interface includes localized payment capabilities, allowing the replacement of default labels and validation messages with custom strings to support multiple languages. Users can customize visual fields and input placeholders to control the default text and symbols displayed during the checkout process. The system manages real

    Adds a dynamic visual credit card display to a payment form to improve the user experience during data entry.

    SCSScoffeescriptcredit-cardcss
    GitHub पर देखें↗11,712
  • snapappointments/bootstrap-selectsnapappointments का अवतार

    snapappointments/bootstrap-select

    9,826GitHub पर देखें↗

    Bootstrap Select is a jQuery plugin that replaces standard HTML select elements with a stylized interface. It functions as a custom dropdown menu that transforms native browser inputs into accessible form components. The project differentiates itself by providing real-time search filtering, multi-select data entry, and the ability to populate selection lists dynamically via remote JSON sources. To maintain browser performance when handling large datasets, it utilizes virtual rendering to display only the visible subset of options. The component includes accessibility support through ARIA att

    Allows the definition of custom hint text or titles inside the select field as placeholders.

    JavaScriptbootstrapdropdownjavascript
    GitHub पर देखें↗9,826
  • just-the-docs/just-the-docsjust-the-docs का अवतार

    just-the-docs/just-the-docs

    9,060GitHub पर देखें↗

    Just the Docs is a Jekyll theme designed for building documentation sites that are hosted on GitHub Pages. It provides a responsive, mobile-friendly layout with built-in search, hierarchical navigation, and extensive customization through overridable SCSS variables, Liquid includes, and page layouts. The theme distinguishes itself through a file-based navigation hierarchy that automatically generates multi-level collapsible menus from directory structures and front matter, combined with client-side full-text search that indexes page content at build time. It includes automated deployment via

    Replaces the default search bar placeholder text with custom content, supporting internationalization.

    SCSSdocumentationgithub-pagesjekyll
    GitHub पर देखें↗9,060
  • simeydotme/pokemon-cards-csssimeydotme का अवतार

    simeydotme/pokemon-cards-css

    7,692GitHub पर देखें↗

    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

    Creates realistic shimmering and foil effects on digital trading cards using advanced CSS gradients and blend modes.

    CSSblend-modescssfilter
    GitHub पर देखें↗7,692
  • chartscss/charts.cssChartsCSS का अवतार

    ChartsCSS/charts.css

    6,569GitHub पर देखें↗

    charts.css is a CSS-driven framework designed to transform semantic HTML into accessible data visualizations without relying on JavaScript. It functions as a charting library that uses standard HTML structures, such as tables and lists, to render graphs while maintaining full compatibility with screen readers. The project distinguishes itself by using CSS variables to map numeric data to visual dimensions and utility classes to control chart types and layouts. It supports a wide range of visual styles, including 3D effects, reflection effects, and customized color palettes integrated via a br

    Uses CSS transforms and shadows to create 3D perspective and depth effects on charts.

    HTMLchartchartscss
    GitHub पर देखें↗6,569
  • caijimmy/hugo-theme-stackCaiJimmy का अवतार

    CaiJimmy/hugo-theme-stack

    6,418GitHub पर देखें↗

    Card-style Hugo theme designed for bloggers

    Provides a complete card-style Hugo theme for bloggers with dark mode and local search.

    HTMLbloggershugohugo-theme
    GitHub पर देखें↗6,418
  • imsky/holderimsky का अवतार

    imsky/holder

    5,800GitHub पर देखें↗

    :city_sunrise: Client-side image placeholders.

    Customizes placeholder images with background color, foreground color, text, font, size, alignment, and line wrapping.

    JavaScripthacktoberfest
    GitHub पर देखें↗5,800
  • pbek/qownnotespbek का अवतार

    pbek/QOwnNotes

    5,792GitHub पर देखें↗

    QOwnNotes is a desktop note editor that stores each note as a plain-text Markdown file on the local filesystem, avoiding proprietary formats and enabling direct file access. It functions as a Nextcloud Notes client, syncing notes and metadata with Nextcloud or ownCloud servers through a companion API service for versioning and sharing. The application also integrates with AI providers and exposes a local MCP server for external agents to search and fetch notes, and includes a companion browser extension for capturing web content, bookmarks, and screenshots. The editor distinguishes itself thr

    Creates cards on a shared project board directly from the current view.

    C++
    GitHub पर देखें↗5,792
  • yalantis/kolodaYalantis का अवतार

    Yalantis/Koloda

    5,400GitHub पर देखें↗

    Koloda is an iOS gesture interaction library and SwiftUI view component used to create swipeable card interfaces. It provides a stack-based view component that manages overlapping views, ensuring only the top-most element remains actively interactive. The library allows for the customization of card appearance, including the configuration of overlays and animations that dictate how background cards move during a swipe. It manages drag behavior and swipe directions, triggering specific logic when cards are swiped, tapped, or fully exhausted. The component covers the implementation of gesture-

    Configures card overlays and animations to control how background cards appear and move during a swipe gesture.

    Swift
    GitHub पर देखें↗5,400
  • racket/racketracket का अवतार

    racket/racket

    5,157GitHub पर देखें↗

    Racket एक सामान्य-उद्देश्य, बहु-प्रतिमान प्रोग्रामिंग भाषा है जो Lisp परिवार में भाषा निर्माण के लिए डिज़ाइन की गई है। यह एक भाषा वर्कबेंच के रूप में कार्य करता है, जो मैक्रोज़ और मॉड्यूल की एक लचीली प्रणाली के माध्यम से कस्टम प्रोग्रामिंग भाषाओं को डिजाइन और कार्यान्वित करने के लिए एक प्लेटफॉर्म प्रदान करता है। यह सिस्टम सिमेंटिक्स इंजीनियरिंग के लिए एक व्यापक सूट की पेशकश करके खुद को अलग करता है, जो विशेष भाषा सबसेट और शैक्षिक परतों के निर्माण की अनुमति देता है। इसमें कस्टम भाषा डिज़ाइन के लिए टूल शामिल हैं, जैसे लेक्सर और पार्सर जनरेशन, साथ ही रीड-टाइम पर मॉड्यूल विस्तार नियमों और गतिशील भाषा चयन को परिभाषित करने की क्षमता। यह प्रोजेक्ट एक इन-बिल्ट एडिटर, विजुअल डिबगर और सॉफ़्टवेयर पैकेज मैनेजर के साथ एक एकीकृत विकास वातावरण प्रदान करता है। इसकी क्षमता सतह 2D ग्राफिक्स रेंडरिंग, बाइनरी डेटा प्रोसेसिंग, SQL और डिडक्टिव डेटाबेस एकीकरण, और ग्राफिकल यूजर इंटरफेस के निर्माण को कवर करने वाली एक सामान्य-उद्देश्य मानक लाइब्रेरी तक फैली हुई है। यह वातावरण वितरण के लिए सोर्स कोड को स्टैंडअलोन निष्पादन योग्य फाइलों में संकलित करने का समर्थन करता है।

    Supports rotating cards and flipping them between front and back bitmaps for digital tabletop simulations.

    Racketracket
    GitHub पर देखें↗5,157
  • cssanimation/css-animation-101cssanimation का अवतार

    cssanimation/css-animation-101

    5,062GitHub पर देखें↗

    यह प्रोजेक्ट एक व्यापक CSS एनीमेशन ट्यूटोरियल और एक स्ट्रक्चर्ड फ्रंटएंड एनीमेशन कोर्स है। यह वेब मोशन सीखने का एक संसाधन है जिसे ब्राउज़र के भीतर विजुअल ट्रांजिशन और एनीमेशन लागू करना सिखाने के लिए डिज़ाइन किया गया है। यह संसाधन CSS 3D एनीमेशन के लिए एक गाइड प्रदान करता है, जिसमें थ्री-डायमेंशनल सीन और डेप्थ की रेंडरिंग शामिल है। इसमें मोशन डिज़ाइन के निर्देश दिए गए हैं, जैसे स्क्रॉल-ट्रिगर एनीमेशन, स्प्राइट शीट एनीमेशन और जटिल वेब इंटरफेस एनीमेशन। यह एलिमेंट ज्योमेट्री में हेरफेर, एनीमेशन पेसिंग और प्लेबैक स्टेट को मैनेज करने जैसी मुख्य क्षमताओं को कवर करता है। साथ ही, यह स्टेट इंटरपोलेशन, 3D रेंडरिंग और मल्टीपल एनीमेशन के सिंक्रोनाइज़ेशन जैसे तकनीकी पहलुओं को भी संबोधित करता है।

    Provides a guide to simulating depth and 3D spatial effects using CSS perspective transforms.

    CSSanimationcssebook
    GitHub पर देखें↗5,062
पिछला12अगला
  1. Home
  2. User Interface & Experience
  3. Cards

सब-टैग एक्सप्लोर करें

  • Card Flags2 सब-टैग्सVisual markers for categorizing and identifying specific items during review. **Distinct from Cards:** Distinct from general card UI: focuses on metadata-based flagging for study management.
  • Card Metadata Inspection3 सब-टैग्सTools for viewing scheduling history, ease factors, and review statistics for individual study cards. **Distinct from Cards:** Focuses on card-level scheduling metadata inspection, distinct from general card UI or flagging.
  • Card Styling16 सब-टैग्सApplication of custom visual designs to cards using web styling languages. **Distinct from Cards:** Distinct from Cards: focuses on the styling and formatting layer rather than the container itself.
  • Empty Card Cleaners1 सब-टैगMaintenance utilities that identify and remove cards rendered blank by note edits to prevent invalid study material accumulation. **Distinct from Cards:** Distinct from general card containers: focuses on the cleanup of invalid, empty card records.
  • Query InterfacesTools for filtering and locating specific content items within a collection. **Distinct from Cards:** Distinct from Cards: focuses on the search and retrieval logic for card collections rather than the card container itself.