7 repositorios
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.
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.
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.
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.
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.
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.
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.
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.