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 es un framework funcional para construir aplicaciones de una sola página (SPA) en ClojureScript. Proporciona una base de datos centralizada e inmutable que sirve como única fuente de verdad para todo el estado de la aplicación, aplicando un flujo de datos unidireccional estricto donde los eventos activan transiciones de estado y actualizaciones de vista posteriores. El framework se distingue por un grafo de señales reactivas y un pipeline de middleware basado en interceptores. Al tratar la lógica de la aplicación como una secuencia de eventos basados en datos y efectos secundarios declarativos, desacopla la lógica de negocio de la capa de vista. Esta arquitectura permite a los desarrolladores gestionar transiciones de estado complejas y operaciones externas mediante funciones puras, asegurando que los efectos secundarios sean ejecutados por un intérprete separado en lugar de llamadas imperativas. El sistema incluye un conjunto completo de capacidades para gestionar la arquitectura de la aplicación, incluyendo la derivación de datos reactivos, la reconciliación de vistas basada en suscripciones y la gestión de estado impulsada por eventos. Admite flujos de trabajo de desarrollo avanzados como el rastreo de eventos, puntos de control de estado y la capacidad de crear stubs de efectos secundarios para pruebas aisladas. El proyecto está diseñado para integrarse con React, utilizando la reconciliación del DOM virtual para actualizar eficientemente las interfaces de usuario. Proporciona un conjunto robusto de utilidades para manejar preocupaciones transversales, gestionar grafos de flujo de datos complejos y coordinar operaciones asíncronas dentro de un pipeline de eventos secuencial y predecible.

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 es un envoltorio de componente de React para el editor de código Ace, diseñado para integrar edición de texto rica en funciones y resaltado de sintaxis en aplicaciones web. Proporciona un editor basado en navegador que aplica reglas de coloración y formato específicas del lenguaje a archivos de código fuente y marcado. El proyecto se distingue por su soporte para modos de interacción de teclado especializados, incluyendo Vim y Emacs, así como un visor de diferencias lado a lado para comparar diferentes versiones de archivos. También funciona como una herramienta para fragmentos de código y autocompletados en vivo para acelerar la entrada de texto. El componente cubre una amplia gama de capacidades de edición, incluyendo gestión de temas visuales, anotaciones de código e indicadores de error o advertencia. Proporciona interfaces programáticas para la sincronización de estado, extracción de selección de texto y la ejecución de métodos internos del editor como buscar y reemplazar.

Este proyecto es un framework de interfaz de usuario modular para aplicaciones Vue que proporciona una colección de componentes reutilizables construidos con Tailwind CSS. Funciona como una herramienta de sistema de diseño impulsada por configuración, permitiendo a los desarrolladores mantener la consistencia visual en aplicaciones complejas a través de la gestión centralizada de temas y estilos basados en utilidades. La librería destaca por una arquitectura altamente configurable que admite el mapeo de estilos basado en variantes y la personalización de instancias de componentes. Los desarrolladores pueden definir valores predeterminados globales o crear múltiples versiones del mismo elemento de interfaz, permitiendo el cambio visual dinámico y anulaciones de propiedades específicas sin duplicar código. Este enfoque asegura que los componentes permanezcan flexibles mientras se adhieren a un lenguaje de diseño unificado. El framework cubre una amplia gama de requisitos de interfaz, incluyendo herramientas especializadas para la selección de fecha y hora y el diseño de formularios estructurados. Enfatiza el rendimiento al admitir optimizaciones en tiempo de compilación, como la importación selectiva de componentes y la eliminación de definiciones de estilo no utilizadas, para minimizar el tamaño final del bundle de la aplicación.