31 रिपॉजिटरी
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Card-style Hugo theme designed for bloggers
Provides a complete card-style Hugo theme for bloggers with dark mode and local search.
:city_sunrise: Client-side image placeholders.
Customizes placeholder images with background color, foreground color, text, font, size, alignment, and line wrapping.
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.
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.
Racket एक सामान्य-उद्देश्य, बहु-प्रतिमान प्रोग्रामिंग भाषा है जो Lisp परिवार में भाषा निर्माण के लिए डिज़ाइन की गई है। यह एक भाषा वर्कबेंच के रूप में कार्य करता है, जो मैक्रोज़ और मॉड्यूल की एक लचीली प्रणाली के माध्यम से कस्टम प्रोग्रामिंग भाषाओं को डिजाइन और कार्यान्वित करने के लिए एक प्लेटफॉर्म प्रदान करता है। यह सिस्टम सिमेंटिक्स इंजीनियरिंग के लिए एक व्यापक सूट की पेशकश करके खुद को अलग करता है, जो विशेष भाषा सबसेट और शैक्षिक परतों के निर्माण की अनुमति देता है। इसमें कस्टम भाषा डिज़ाइन के लिए टूल शामिल हैं, जैसे लेक्सर और पार्सर जनरेशन, साथ ही रीड-टाइम पर मॉड्यूल विस्तार नियमों और गतिशील भाषा चयन को परिभाषित करने की क्षमता। यह प्रोजेक्ट एक इन-बिल्ट एडिटर, विजुअल डिबगर और सॉफ़्टवेयर पैकेज मैनेजर के साथ एक एकीकृत विकास वातावरण प्रदान करता है। इसकी क्षमता सतह 2D ग्राफिक्स रेंडरिंग, बाइनरी डेटा प्रोसेसिंग, SQL और डिडक्टिव डेटाबेस एकीकरण, और ग्राफिकल यूजर इंटरफेस के निर्माण को कवर करने वाली एक सामान्य-उद्देश्य मानक लाइब्रेरी तक फैली हुई है। यह वातावरण वितरण के लिए सोर्स कोड को स्टैंडअलोन निष्पादन योग्य फाइलों में संकलित करने का समर्थन करता है।
Supports rotating cards and flipping them between front and back bitmaps for digital tabletop simulations.
यह प्रोजेक्ट एक व्यापक CSS एनीमेशन ट्यूटोरियल और एक स्ट्रक्चर्ड फ्रंटएंड एनीमेशन कोर्स है। यह वेब मोशन सीखने का एक संसाधन है जिसे ब्राउज़र के भीतर विजुअल ट्रांजिशन और एनीमेशन लागू करना सिखाने के लिए डिज़ाइन किया गया है। यह संसाधन CSS 3D एनीमेशन के लिए एक गाइड प्रदान करता है, जिसमें थ्री-डायमेंशनल सीन और डेप्थ की रेंडरिंग शामिल है। इसमें मोशन डिज़ाइन के निर्देश दिए गए हैं, जैसे स्क्रॉल-ट्रिगर एनीमेशन, स्प्राइट शीट एनीमेशन और जटिल वेब इंटरफेस एनीमेशन। यह एलिमेंट ज्योमेट्री में हेरफेर, एनीमेशन पेसिंग और प्लेबैक स्टेट को मैनेज करने जैसी मुख्य क्षमताओं को कवर करता है। साथ ही, यह स्टेट इंटरपोलेशन, 3D रेंडरिंग और मल्टीपल एनीमेशन के सिंक्रोनाइज़ेशन जैसे तकनीकी पहलुओं को भी संबोधित करता है।
Provides a guide to simulating depth and 3D spatial effects using CSS perspective transforms.