Awesome GitHub RepositoriesComponent Instance Initializers

react-slick is a React carousel component and responsive slider library. It provides a reusable user interface element for displaying a sequence of items in a horizontal scroll, supporting infinite looping, navigation dots, and adjustable transition speeds. The library enables the creation of touch-enabled image and content sliders that adapt to different screen sizes. It is used to build interactive content carousels, responsive image sliders, and rotating banners for product showcases.

Flowbite is a cross-framework UI library and design system built as a collection of pre-styled components and layout blocks using Tailwind CSS utility classes. It functions as a TypeScript UI toolkit and a general web framework for creating responsive websites and applications. The project provides a mirroring Figma design system to allow prototyping of components and variants before they are coded. It distinguishes itself through an AI-driven approach to page generation and the creation of design specifications via a command-line interface. The library covers a wide range of interactive int

This is a Figma MCP server that exposes document manipulation capabilities to AI assistants through the Model Context Protocol. It functions as a bridge between AI tools and Figma, enabling programmatic creation, reading, updating, and deletion of design elements including frames, text nodes, components, and connectors. The server provides AI-powered design generation that translates natural language prompts into complete UI screens and design elements within Figma. It includes a design annotation system for adding, updating, and retrieving markdown-supported annotations on nodes, along with

This project is a technical breakdown and implementation of a user interface framework's internal architecture, focusing specifically on the mechanics of the virtual DOM, reconciliation, and component lifecycles. It serves as a resource for understanding how a core logic layer manages the transition from high-level component descriptions to physical browser elements. The project distinguishes itself by providing detailed visualizations, including flowcharts and block schemes, to map the reconciliation process and code execution paths. It explores how a platform-agnostic core can be adapted fo

ComponentKit is a declarative UI framework for building iOS interfaces through composition of small, reusable components. It provides a structured approach to constructing user interfaces where each component is defined as an immutable, pure function of its inputs, enabling predictable rendering and state management. The framework supports both stateless and stateful components, with controllers that can be attached to manage persistent state across component updates. The framework distinguishes itself through its component architecture that emphasizes explicit data flow and compile-time safe

seL4 is a formally verified microkernel whose C implementation is backed by machine-checked mathematical proofs of correctness, confidentiality, integrity, and availability. It enforces strict isolation between processes through hardware-enforced address space separation and a capability-based access control system, where each process holds explicit rights only to the resources it has been granted. The kernel exposes hardware resources through a minimal API of system calls that manage threads, address spaces, and inter-process communication, with synchronous IPC supporting sender-identifying b

re-frame est un framework fonctionnel pour construire des applications monopages (SPA) en ClojureScript. Il fournit une base de données centralisée et immuable qui sert de source unique de vérité pour l'état global de l'application, imposant un flux de données unidirectionnel strict où les événements déclenchent des transitions d'état et des mises à jour de vue. Le framework se distingue par un graphe de signaux réactifs et un pipeline de middleware basé sur des intercepteurs. En traitant la logique applicative comme une séquence d'événements pilotés par les données et d'effets de bord déclaratifs, il découple la logique métier de la couche de vue. Cette architecture permet aux développeurs de gérer des transitions d'état complexes et des opérations externes via des fonctions pures, garantissant que les effets de bord sont exécutés par un interpréteur séparé plutôt que par des appels impératifs. Le système inclut une suite complète de capacités pour gérer l'architecture applicative, notamment la dérivation de données réactives, la réconciliation de vue basée sur les abonnements et la gestion d'état pilotée par les événements. Il prend en charge des flux de développement avancés tels que le traçage d'événements, la mise en point d'état et la possibilité de simuler (stub) des effets de bord pour des tests isolés. Le projet est conçu pour une intégration avec React, utilisant la réconciliation du DOM virtuel pour mettre à jour efficacement les interfaces utilisateur. Il fournit un ensemble robuste d'utilitaires pour gérer les préoccupations transversales, les graphes de flux de données complexes et coordonner les opérations asynchrones au sein d'un pipeline d'événements séquentiel et prévisible.

monaco-react is a React component wrapper for the Monaco Editor, providing a declarative way to embed a browser-based text editor into web applications. It includes components for standard code editing with syntax highlighting and a specialized diff editor for side-by-side version comparison. The project enables the integration of syntax validation to flag errors and provides mechanisms for managing multiple files through unique model identifiers, which preserve undo history and selection states during switches. It allows for custom asset loading via CDN or local paths and provides access to

react-ace est un wrapper de composant React pour l'éditeur de code Ace, conçu pour intégrer une édition de texte riche et une coloration syntaxique dans les applications web. Il fournit un éditeur basé sur le navigateur qui applique des règles de coloration et de formatage spécifiques au langage aux fichiers de code source et de balisage. Le projet se distingue par la prise en charge de modes d'interaction clavier spécialisés, incluant Vim et Emacs, ainsi qu'un visualiseur de diff côte à côte pour comparer différentes versions de fichiers. Il fonctionne également comme un outil pour les extraits de code et les autocomplétions en direct afin d'accélérer la saisie de texte. Le composant couvre un large éventail de capacités d'éditeur, incluant la gestion des thèmes visuels, les annotations de code et les indicateurs d'erreur ou d'avertissement. Il fournit des interfaces programmatiques pour la synchronisation d'état, l'extraction de sélection de texte et l'exécution de méthodes internes de l'éditeur telles que la recherche et le remplacement.

Ce projet est un framework d'interface utilisateur modulaire pour les applications Vue qui fournit une collection de composants réutilisables construits avec Tailwind CSS. Il fonctionne comme un outil de système de conception piloté par la configuration, permettant aux développeurs de maintenir une cohérence visuelle sur des applications complexes grâce à une gestion centralisée des thèmes et un style basé sur les utilitaires. La bibliothèque se distingue par une architecture hautement configurable qui prend en charge le mappage de style basé sur les variantes et la personnalisation des instances de composants. Les développeurs peuvent définir des valeurs par défaut globales ou créer plusieurs versions du même élément d'interface, permettant une commutation visuelle dynamique et des remplacements de propriétés spécifiques sans dupliquer le code. Cette approche garantit que les composants restent flexibles tout en adhérant à un langage de conception unifié. Le framework couvre un large éventail d'exigences d'interface, y compris des outils spécialisés pour la sélection de date et d'heure et la conception structurée de saisie de formulaire. Il met l'accent sur les performances en prenant en charge les optimisations au moment de la compilation, telles que l'importation sélective de composants et la suppression des définitions de style inutilisées, pour minimiser la taille finale du bundle de l'application.