awesome-repositories.com
Blog
awesome-repositories.com

Descubre los mejores repositorios open-source con nuestra búsqueda potenciada por IA.

ExplorarBúsquedas curadasAlternativas open-sourceSoftware autohospedableBlogMapa del sitio
ProyectoAcerca deCómo clasificamosPrensaServidor MCP
Aviso legalPrivacidadTérminos
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

7 repositorios

Awesome GitHub RepositoriesComponent Templates

UI logic structures decoupled from specific presentation layers.

Distinguishing note: Focuses on style-agnostic architecture rather than specific component frameworks.

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

Awesome Component Templates GitHub Repositories

Encuentra los mejores repositorios con IA.Buscaremos los repositorios que mejor coincidan usando IA.
  • davidhdev/react-bitsAvatar de DavidHDev

    DavidHDev/react-bits

    41,207Ver en GitHub↗

    React-bits is a comprehensive toolkit for web development that combines a library of interactive motion primitives with a command-line interface for component management and AI-assisted coding. It provides a framework for implementing declarative motion states and specialized typography animations, allowing developers to build responsive, gesture-enabled interfaces that respond to user input. The project distinguishes itself through a remote registry system that allows for the direct injection of modular UI source code into local project directories. It also features a protocol-based bridge t

    Decouples UI logic from presentation layers to allow seamless integration with various CSS frameworks and styling methodologies.

    JavaScript3danimationscomponent-library
    Ver en GitHub↗41,207
  • polymer/polymerAvatar de Polymer

    Polymer/polymer

    22,026Ver en GitHub↗

    Polymer is a custom element framework and web component library used to build reusable, encapsulated custom elements that function as native browser components. It serves as a system for defining public properties and attributes that trigger automatic state observation and updates within the DOM. The project functions as a data binding library, providing a mechanism to synchronize state between internal component properties and external models via two-way data binding. It covers the development of frontend component libraries and web component architecture, enabling the creation of modular u

    Defines the structural HTML of components using templates that are stamped into the shadow root.

    HTML
    Ver en GitHub↗22,026
  • northwoodssoftware/gojsAvatar de NorthwoodsSoftware

    NorthwoodsSoftware/GoJS

    8,447Ver en GitHub↗

    GoJS is a JavaScript diagramming library and canvas-based visualization engine used to build interactive flowcharts, organizational charts, and network diagrams. It functions as a data-driven framework that binds JavaScript data models to visual elements, enabling bidirectional synchronization between the underlying data and the graphical representation. The library features a comprehensive graph layout engine capable of automatically arranging nodes into trees, grids, circles, or force-directed layouts. It distinguishes itself through a template-based system for generating visual parts and a

    Uses reusable templates to define the appearance and layout of nodes and links.

    HTMLcanvaschartcharts
    Ver en GitHub↗8,447
  • ryanfitzgerald/devportfolioAvatar de RyanFitzgerald

    RyanFitzgerald/devportfolio

    4,917Ver en GitHub↗

    devportfolio es una plantilla de portafolio para Astro y un starter de portafolio para desarrolladores diseñado para mostrar habilidades técnicas, experiencia laboral y proyectos personales. Funciona como un portafolio de sitio estático que genera un sitio web rápido y optimizado para SEO, listo para desplegarse en proveedores de hosting estático. El proyecto proporciona un tema de portafolio con Tailwind CSS que presenta un diseño visual minimalista. Permite un estilizado rápido y layouts responsivos mediante una plantilla web personalizable que puede modificarse a través de un archivo de configuración. El código utiliza generación de sitios estáticos, plantillas basadas en componentes y CSS utility-first. Incorpora contenido basado en configuración para separar los datos del sitio del layout y emplea hidratación basada en islas para mantener un frontend sin JavaScript por defecto.

    Implements a component-based architecture to organize the portfolio UI into reusable, encapsulated building blocks.

    Astrojavascriptportfolioportfolio-template
    Ver en GitHub↗4,917
  • baidu/sanAvatar de baidu

    baidu/san

    4,739Ver en GitHub↗

    San es un framework de JavaScript isomórfico y kit de herramientas de aplicación de una sola página utilizado para construir interfaces de usuario con componentes reutilizables. Funciona como una biblioteca de UI reactiva que sincroniza el estado de la aplicación con la interfaz a través de enlace de datos y plantillas declarativas. El framework se distingue por su soporte tanto para la generación de HTML del lado del servidor como para la hidratación del lado del cliente para mejorar el rendimiento de carga inicial y la optimización para motores de búsqueda. Emplea un proceso de compilación de plantilla a matriz especializado para comprimir estructuras de plantillas y reducir los costos de red. El proyecto proporciona capacidades integrales para la gestión del estado, incluyendo estado global unidireccional centralizado, propiedades computadas y enlace de datos bidireccional. Cubre el enrutamiento mediante modos hash e historial, gestión del ciclo de vida de componentes y un sistema de plantillas que incluye gestión de slots, visibilidad condicional y renderizado de listas dinámicas. El desarrollo es compatible a través de una interfaz de línea de comandos para el bootstrapping de proyectos y herramientas para la depuración del estado de componentes y manejo de errores.

    Specifies the HTML structure of components using template strings to render the user interface.

    JavaScriptcomponentframeworkfrontend
    Ver en GitHub↗4,739
  • powmedia/backbone-formsAvatar de powmedia

    powmedia/backbone-forms

    2,151Ver en GitHub↗

    Backbone Forms is a schema-driven library designed to automate the generation and validation of HTML forms within the BackboneJS ecosystem. It functions as a framework for building data entry interfaces that bind directly to application models, ensuring data integrity through a combination of schema-level rules and model-level constraints. The library distinguishes itself through a modular architecture that supports the creation of custom input editors and the use of pluggable HTML templates. This allows for the management of complex, hierarchical data structures, including nested objects and

    Uses pluggable HTML templates to define the structural representation of form fields.

    JavaScript
    Ver en GitHub↗2,151
  • jonseg/crud-admin-generatorAvatar de jonseg

    jonseg/crud-admin-generator

    1,425Ver en GitHub↗

    Esta herramienta es un generador de código backend automatizado que crea paneles administrativos inspeccionando estructuras de bases de datos relacionales existentes. Funciona como una utilidad de andamiaje (scaffolding) basada en esquemas, analizando definiciones de tablas y restricciones de claves foráneas para producir controladores del lado del servidor funcionales e interfaces de usuario para la gestión de registros. El proyecto destaca por la expulsión de código fuente estático, que genera archivos legibles por humanos que los desarrolladores pueden modificar o extender manualmente. Al analizar los metadatos de la base de datos, mapea automáticamente los datos relacionales a componentes de selección intuitivos y reemplaza los identificadores numéricos brutos con etiquetas legibles por humanos, asegurando que las vistas administrativas generadas permanezcan consistentes y receptivas en diferentes tamaños de pantalla. La salida generada incluye la lógica del lado del servidor y los diseños de panel necesarios para gestionar los registros de la base de datos. Debido a que la herramienta produce archivos fuente estándar en lugar de binarios opacos, permite una personalización completa de los controladores y vistas subyacentes para adaptarse a los requisitos específicos del proyecto.

    Uses predefined structural patterns to transform database schemas into consistent administrative dashboard layouts.

    JavaScript
    Ver en GitHub↗1,425
  1. Home
  2. User Interface & Experience
  3. Component Templates

Explorar subetiquetas

  • Template-Based Definitions1 sub-etiquetaDefining component structural HTML using templates that are cloned into the shadow root. **Distinct from Component Templates:** Focuses on the use of template elements for structural cloning rather than style-agnostic logic structures.