32 रिपॉजिटरी
UI components for displaying user profile images or placeholders with accessible markup.
Distinct from Avatar Interface Components: The candidates focus on resolution hooks or group patterns; a generic component for the individual avatar is needed
Explore 32 awesome GitHub repositories matching user interface & experience · Avatar Components. Refine with filters or upvote what's useful.
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
Renders responsive user profile images in various shapes to represent identities across different layouts.
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
Provides predefined size classes for small, medium, large, or extra-large avatar variants.
JSQMessagesViewController is a UIKit-based conversational UI framework and library for iOS. It provides a set of components for rendering interactive message streams, multimedia chat histories, and customizable input controllers within mobile applications. The framework features a layout engine that calculates dynamic bubble dimensions and handles orientation-aware rendering. It includes a resizing text input area with a customizable toolbar for sending and formatting messages, as well as support for group conversations with multiple participants. The library covers message rendering through
Allows controlling the visibility of user avatars by adjusting dimensions or omitting image data.
Octicons स्केलेबल वेक्टर ग्लिफ़्स की एक व्यापक लाइब्रेरी और एक डिज़ाइन सिस्टम आइकन सेट है जिसे यूज़र इंटरफ़ेस में एक समान विज़ुअल भाषा प्रदान करने के लिए डिज़ाइन किया गया है। यह SVG एसेट्स का एक स्टैंडर्डाइज़्ड संग्रह है जो वेब घटकों, सर्वर-साइड व्यूज़ और स्टैटिक साइट जनरेटर्स के लिए कंसिस्टेंट आइकनोग्राफी सुनिश्चित करता है। इस प्रोजेक्ट में मल्टी-स्केल वेक्टर रेंडरिंग की सुविधा है, जो विभिन्न स्क्रीन रिज़ॉल्यूशन में विज़ुअल स्पष्टता बनाए रखने के लिए अलग-अलग साइज़ बकेट्स के लिए अनुकूलित SVG पाथ डेटा का उपयोग करती है। इसमें कीवर्ड-आधारित उपनाम मैपिंग के माध्यम से आइकन डिस्कवरी के लिए एक सिस्टम शामिल है और रंगों व स्पेसिंग को लागू करने के लिए एक स्टैंडर्डाइज़्ड प्रॉपर्टी सिस्टम को सपोर्ट करता है। इंटीग्रेशन JavaScript, Ruby और Rails के लिए समर्पित रैपर लाइब्रेरीज़ और प्लगइन्स के माध्यम से प्रदान किया जाता है। सिस्टम में Jekyll स्टैटिक वेबसाइट्स में ग्लिफ़्स डालने के लिए एक कस्टम टैगिंग मैकेनिज्म भी शामिल है और एप्लिकेशन व्यूज़ में ग्लिफ़्स को पुन: उपयोग करने के लिए सिंबल-आधारित रेंडरिंग को सपोर्ट करता है।
Allows selection from multiple SVG paths optimized for different heights to ensure visual clarity.
Base UI is a headless component library and unstyled framework providing accessible interface primitives. It decouples behavioral logic and state management from the visual layer, allowing developers to implement complex UI patterns while maintaining total control over the final styling. The library implements WAI-ARIA design patterns to ensure all primitives support standard keyboard navigation and screen reader accessibility. It provides a suite of low-level building blocks that handle the internal mechanics of interface elements without bundling any CSS. The framework covers a broad range
Renders customizable user profile images or placeholders using accessible markup.
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 UI components for displaying user profile images or placeholders with accessible markup.
Stack Auth is an open-source authentication and authorization platform that provides pre-built UI components, OAuth integration, team management, and session handling for web applications. It offers a complete authentication lifecycle covering sign-in, sign-up, session management, password recovery, and multi-factor security, with support for passkey authentication and OAuth providers including Google, GitHub, and Apple. The platform includes a team-based permission system with role-based access control, allowing users to be organized into teams with granular permissions for membership manage
Displays the user's avatar and opens a dropdown menu for accessing account settings and preferences.
WebSlides is an open-source tool for creating HTML presentations, landing pages, and longform articles directly in the browser. It provides a full-screen slide deck system where each section element becomes an individual slide with horizontal and vertical navigation, keyboard shortcuts, touch gestures, and remote presenter support. The project distinguishes itself by offering over 40 pre-built slide components such as covers, cards, quotes, and flexible block grids that can be assembled without writing custom layout code. It includes built-in support for embedding rich media like background i
Renders a user profile picture at a predefined size using a CSS class for slide content.
Boring avatars is an open source React library that generates custom, SVG-based avatars from any username and color palette.
Ships a reusable React component that renders SVG avatars with multiple visual styles and color palette customization.
MessageKit is an iOS chat UI framework that provides a scrollable conversation interface built on UICollectionView, enabling developers to render text, images, videos, locations, emoji, audio, and contact messages within message bubbles. The framework is designed around a pre-built MessagesViewController that can be subclassed to inherit the full chat layout, input bar, and message display without writing UI from scratch, and it uses a data source protocol for message retrieval along with delegate callbacks for user interactions. The framework distinguishes itself through a highly customizabl
Shows or hides avatar views per message and optionally removes the space they occupy in the cell layout.
Polaris React is a production-ready component library that implements Shopify's Polaris design system for building consistent merchant-facing admin interfaces. It provides a comprehensive set of reusable React components, including accessible form inputs, data display elements, layout and navigation structures, and visual feedback indicators, all styled through a semantic color token system applied via CSS custom properties for dynamic light and dark mode support. The library distinguishes itself with an icon-first visual language featuring over 400 commerce-specific SVG icons delivered as fi
Provides an avatar component for displaying user or business thumbnail representations.
Passbolt is an open-source, self-hosted password manager designed for teams. It provides a centralized, encrypted vault where organizations can store, share, and manage credentials securely. The server exposes a JSON REST API that authenticates requests using either GPGAuth or JWT tokens, and all secrets are protected with OpenPGP end-to-end encryption, ensuring the server never has access to plaintext passwords. The platform distinguishes itself through a comprehensive role-based access control system that governs resource sharing and administrative actions. Teams can organize users into gro
Returns a user's avatar image, or a placeholder when no avatar exists.
Beautiful Jekyll is a ready-to-use Jekyll theme designed for building a personal website or blog and publishing it on GitHub Pages with minimal configuration. It transforms Markdown content into a fully styled static website, providing a complete static site generator theme that handles blog posts, tags, and navigation through a clean, mobile-first design. The theme distinguishes itself through extensive configuration and extensibility options, allowing users to customize color schemes, navigation menus, page layouts, and social links without modifying core files. It supports multiple comment
Controls whether the avatar image is displayed based on configuration.
PartyKit is a serverless WebSocket backend platform for building real-time multiplayer applications. It provides a globally distributed edge computing runtime that runs stateful server code close to users, with automatic scaling and hibernation for idle rooms. The platform handles WebSocket connections, HTTP requests, and durable storage without requiring infrastructure management, and includes a client and server SDK with hooks, storage, and Yjs integration for building collaborative features. The platform distinguishes itself through per-room isolation using Durable Objects, where each uniq
Displays avatars of users currently engaged with a shared resource, updating automatically as they join or leave.
Vuesax एक फ्रंटएंड फ्रेमवर्क और Vue.js एप्लिकेशन के लिए UI कंपोनेंट लाइब्रेरी है। यह एक कस्टमाइज़ेबल डिज़ाइन सिस्टम और पहले से स्टाइल किए गए यूज़र इंटरफ़ेस एलिमेंट्स प्रदान करता है, जो वेब इंटरफ़ेस के डेवलपमेंट को तेज़ करने के लिए डिज़ाइन किए गए हैं। यह प्रोजेक्ट एक थीमेबल विज़ुअल टूलकिट के लिए जाना जाता है जो डायनामिक कलर अपडेट्स और ब्रांड पहचान बनाए रखने के लिए सर्वर-साइड स्टाइल कस्टमाइज़ेशन को सपोर्ट करता है। इसमें एक विशेष डेटा टेबल कंपोनेंट भी है जिसमें इनलाइन सेल एडिटिंग और पेजिनेशन, फ़िल्टरिंग और सॉर्टिंग के लिए सर्वर-साइड प्रोसेसिंग का इन-बिल्ट सपोर्ट मिलता है। यह लाइब्रेरी UI क्षमताओं की एक विस्तृत श्रृंखला को कवर करती है, जिसमें रिस्पॉन्सिव बारह-कॉलम ग्रिड सिस्टम, व्यापक फ़ॉर्म एलिमेंट्स, और कंटेंट कार्ड्स व कोलेप्सिबल लिस्ट्स जैसे विभिन्न लेआउट टूल्स शामिल हैं। इसमें साइडबार और ब्रेडक्रंब जैसे नेविगेशन यूटिलिटीज़ के साथ-साथ मोडल डायलॉग्स, सिस्टम नोटिफिकेशन्स और टूलटिप्स जैसे कई ओवरले भी शामिल हैं।
Provides user avatar components that render profile images or generate initials from names.
Isso is a self-hosted commenting system and WSGI comment server that allows users to manage decentralized discussion boards. It functions as a markdown discussion engine that transforms user-generated content into filtered HTML for secure display on webpages. The system is designed as a cross-domain comment host, enabling a single centralized server instance to serve unique comment sections across multiple distinct domains. It secures this integration using CORS hostname whitelisting to ensure comments are only embeddable on authorized websites. The platform provides a comprehensive moderati
Provides customizable avatar generation with toggle options and defined color palettes.
This project is a wireless hotspot management interface for Debian devices. It provides a web-based controller for managing wireless access points, wireless repeaters, VPN gateways, and DNS ad-blocking filters. The system includes a captive portal framework to intercept network traffic via customizable splash pages and a VPN controller that supports WireGuard and OpenVPN with kill-switch functionality. It further differentiates itself with a DNS ad-blocking filter using curated blacklists and the ability to operate in multiple network modes, including bridged access point and wireless repeate
Allows users to upload and display custom profile avatar images in the management interface header.
Zag एक हेडलेस UI स्टेट मशीन लाइब्रेरी है जो विभिन्न रेंडरिंग इंजनों में एक समान व्यवहार सुनिश्चित करने के लिए अनस्टाइल (unstyled) कंपोनेंट लॉजिक प्रदान करती है। यह स्टेटचार्ट्स का उपयोग करके जटिल यूजर इंटरफेस इंटरैक्शन को मॉडल करने के लिए एक टूलकिट के रूप में कार्य करती है, जो विज़ुअल स्टाइलिंग से अंतर्निहित लॉजिक और एक्सेसिबिलिटी एट्रिब्यूट्स को अलग करती है। यह लाइब्रेरी फ्रेमवर्क-अज्ञेयवादी (framework-agnostic) है, जो React, Solid, Vue और Svelte जैसी विभिन्न JavaScript लाइब्रेरी के साथ अपने स्टेट मशीन लॉजिक को जोड़ने के लिए विशेष एडेप्टर का उपयोग करती है। यह दृष्टिकोण डेवलपर्स को एक ही इंटरैक्शन मॉडल बनाए रखने की अनुमति देता है, जबकि स्टेट-संचालित डेटा एट्रिब्यूट्स के माध्यम से किसी भी CSS या स्टाइलिंग समाधान को लागू किया जा सकता है। Zag कार्यात्मक क्षेत्रों की एक विस्तृत श्रृंखला को कवर करती है, जिसमें कीबोर्ड नेविगेशन और ARIA एट्रिब्यूट्स के लिए व्यापक एक्सेसिबिलिटी प्रबंधन, और इंटरैक्टिव प्रिमिटिव्स का एक विशाल संग्रह शामिल है। इनमें इनपुट कंट्रोल्स, मेनू और टैब जैसे नेविगेशनल एलिमेंट्स, डायलॉग और पॉपओवर जैसे ओवरले कंपोनेंट्स, और इमेज क्रॉपिंग व सिग्नेचर कैप्चर के लिए जटिल मीडिया हैंडलिंग शामिल हैं। यह पदानुक्रमित डेटा प्रबंधन, एसिंक्रोनस लिस्ट हैंडलिंग और गाइडेड प्रोडक्ट टूर बनाने के लिए यूटिलिटीज भी प्रदान करती है।
Implements unstyled logic for rendering user profile images with automated fallback content.
यह प्रोजेक्ट React-आधारित एडमिनिस्ट्रेटिव टेम्पलेट और UI किट है, जिसे डैशबोर्ड बनाने के लिए डिज़ाइन किया गया है। इसमें पहले से स्टाइल किए गए लेआउट्स, एक सुलभ (accessible) कंपोनेंट लाइब्रेरी और एडमिनिस्ट्रेटिव इंटरफेस बनाने के लिए Sass-आधारित UI फ्रेमवर्क का व्यापक संग्रह मिलता है। यह टेम्पलेट विशेष रूप से AI-ऑप्टिमाइज़्ड प्रोजेक्ट के रूप में संरचित है, जिसमें ऐसे कोडिंग पैटर्न और संगठन का उपयोग किया गया है जो AI असिस्टेंट्स को सुसंगत और प्रोडक्शन-रेडी React कोड जनरेट करने में मदद करते हैं। इसमें Sass वेरिएबल्स और CSS कस्टम प्रॉपर्टीज का उपयोग करने वाली एक लचीली स्टाइलिंग प्रणाली है, जो कस्टमाइज़ेबल लाइट और डार्क थीम्स को सपोर्ट करती है। यह किट डेटा विज़ुअलाइज़ेशन विजेट्स, सॉर्टिंग और पेजिनेशन वाली इंटरैक्टिव टेबल्स, और मल्टी-स्टेप विजार्ड्स जैसे जटिल फॉर्म एलिमेंट्स सहित इंटरफेस क्षमताओं की एक विस्तृत श्रृंखला को कवर करती है। इसमें साइडबार और ब्रेडक्रंब जैसे उच्च-स्तरीय नेविगेशन सिस्टम, साथ ही रिस्पॉन्सिव ग्रिड, मोडल डायलॉग्स और सुलभ कैलेंडर इंटरफेस जैसे स्ट्रक्चरल कंपोनेंट्स शामिल हैं।
Renders user profile images, initials, or icons with optional status indicators.
Ark is a headless UI component library that delivers accessible, cross-framework primitives with behavior governed by finite state machines. It provides unstyled components that encapsulate logic and accessibility — including full keyboard navigation, focus management, and WAI-ARIA support — while leaving visual styling entirely to the consumer. Components expose scoped data attributes for CSS targeting and use state machines to produce predictable, testable interactive behavior across every state transition. The library distinguishes itself through a state propagation model that distributes
Ships an avatar component that renders a profile image with automatic fallback to initials or icon.