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
·

17 repositorios

Awesome GitHub RepositoriesCollapse Sections

Interactive elements that toggle the visibility of content blocks.

Distinguishing note: Focuses on space-saving content toggles.

Explore 17 awesome GitHub repositories matching user interface & experience · Collapse Sections. Refine with filters or upvote what's useful.

Awesome Collapse Sections GitHub Repositories

Encuentra los mejores repositorios con IA.Buscaremos los repositorios que mejor coincidan usando IA.
  • saadeghi/daisyuiAvatar de saadeghi

    saadeghi/daisyui

    41,125Ver en GitHub↗

    This project is a utility-first component library that provides a comprehensive suite of pre-styled, reusable interface elements. It functions as a build-time engine that generates design-system-compliant styles by mapping semantic tokens to standard HTML elements and utility classes. By compiling all component styles into static CSS at build time, the library eliminates the need for client-side style calculation, ensuring efficient performance. The library distinguishes itself through a configuration-driven architecture that manages color palettes and visual styles, enabling dynamic switchin

    Shows and hides content sections using interactive elements to manage screen space.

    Sveltecomponentcomponent-librarycomponents
    Ver en GitHub↗41,125
  • krayin/laravel-crmAvatar de krayin

    krayin/laravel-crm

    21,404Ver en GitHub↗

    This project is a modular, open-source customer relationship management platform built on the Laravel framework. It serves as a comprehensive business application framework designed for tracking sales pipelines, managing business entities, and automating marketing workflows. By providing a self-hosted solution, it enables organizations to maintain full control over their contact data, sales leads, and communication history. The platform distinguishes itself through a highly extensible architecture that allows developers to modify core behavior without altering the underlying source code. It u

    Implements collapsible sections to manage screen space and toggle content visibility.

    PHPcrmcrm-multi-tenant-saascrm-platform
    Ver en GitHub↗21,404
  • academicpages/academicpages.github.ioAvatar de academicpages

    academicpages/academicpages.github.io

    17,152Ver en GitHub↗

    This project is a static site generator template designed for academics to build and maintain professional portfolios. It transforms markdown files and structured data into a cohesive website, allowing scholars to document their research publications, teaching experience, and speaking history without the need for a database. The platform is distinguished by its specialized tools for scholarly dissemination, including the ability to showcase research output with metadata and abstracts, and to catalog professional talks through interactive geographic visualizations. It supports the presentation

    Provides collapsible sections to hide or reveal information on demand and reduce visual clutter.

    SCSSacademic-websitegithub-pagesjekyll
    Ver en GitHub↗17,152
  • richards199999/thinking-claudeAvatar de richards199999

    richards199999/Thinking-Claude

    17,061Ver en GitHub↗

    Thinking-Claude is a browser extension and reasoning interface designed to compel large language models to perform deep inner monologues before delivering final responses. It functions as a thought process formatter that organizes internal AI reasoning into a structured format. The tool uses systematic reasoning prompts and instruction-based injection to force models through a multi-step verification process. This ensures the AI executes a recursive loop of reasoning and self-correction prior to emitting an answer. To manage this output, the project employs client-side response interception

    Organizes complex internal reasoning into collapsible sections to improve navigation and readability.

    TypeScript
    Ver en GitHub↗17,061
  • angular-ui/bootstrapAvatar de angular-ui

    angular-ui/bootstrap

    14,206Ver en GitHub↗

    This project is a collection of native directives designed to implement the Bootstrap component framework within Angular applications. It provides a suite of modular interface elements that allow developers to build interactive web components without requiring external JavaScript dependencies. The library distinguishes itself by using a dependency-free logic layer that relies entirely on native framework primitives. It features a specialized service-based positioning engine to manage the placement of floating overlays and an event-driven system to coordinate the lifecycle of complex UI elemen

    Provides interactive elements that toggle the visibility of content blocks.

    JavaScript
    Ver en GitHub↗14,206
  • picturepan2/spectreAvatar de picturepan2

    picturepan2/spectre

    11,317Ver en GitHub↗

    Spectre is a comprehensive CSS framework and UI utility toolkit designed for building responsive web interfaces. It functions as a CSS component library that provides pre-styled interface elements and helper classes to facilitate frontend UI development. The framework is distinguished by a pure-CSS component architecture that avoids dependence on external JavaScript runtimes. It utilizes a SASS-based build pipeline that supports class prefixing, stylesheet pruning, and a variable-based theme system for creating custom design systems. The project covers a wide range of layout and interface ca

    Toggles the visibility of content blocks to organize information and reduce page clutter.

    CSS
    Ver en GitHub↗11,317
  • buefy/buefyAvatar de buefy

    buefy/buefy

    9,531Ver en GitHub↗

    Buefy is a lightweight user interface component library built for Vue.js. It serves as a programmatic wrapper for the Bulma CSS framework, providing a set of pre-styled layout utilities, form components, and structural wrappers to ensure a consistent visual identity. The library provides a comprehensive suite of form elements, including specialized date and time pickers, autocomplete inputs, and validation wrappers. It also includes layout tools such as navigation bars, off-canvas sidebars, and modal overlays, as well as notification systems for banners, snackbars, and toasts. Additional cap

    Provides interactive elements to toggle the visibility of content blocks to save screen space.

    Vuebulmacomponentsvue
    Ver en GitHub↗9,531
  • magit/magitAvatar de magit

    magit/magit

    7,138Ver en GitHub↗

    Magit is a complete Git interface that runs inside Emacs, providing a full-featured porcelain for version control operations without leaving the editor. It renders repository state as structured, collapsible sections within Emacs buffers, and manages Git command execution through a transactional process model with automatic buffer refresh and error handling. The interface exposes all configuration through Emacs' standard customization system and uses a transient command framework for context-sensitive menu-driven Git operations. What distinguishes Magit is its granular control over every stag

    Organizes repository information into nested, collapsible sections within buffers for hierarchical navigation.

    Emacs Lisp
    Ver en GitHub↗7,138
  • evidence-dev/evidenceAvatar de evidence-dev

    evidence-dev/evidence

    5,919Ver en GitHub↗

    Groups related content into expandable panels so users can reveal or hide sections as needed.

    JavaScriptanalyticsbusiness-intelligencedashboard
    Ver en GitHub↗5,919
  • valor-software/ngx-bootstrapAvatar de valor-software

    valor-software/ngx-bootstrap

    5,519Ver en GitHub↗

    ngx-bootstrap es un conjunto de widgets y componentes de interfaz de usuario con estilo Bootstrap construidos específicamente para el framework Angular. Proporciona una librería de elementos de interfaz reutilizables diseñados para trabajar con el motor de compilación y renderizado Angular Ivy. La librería permite la integración de componentes de Bootstrap en aplicaciones Angular para crear interfaces de usuario receptivas sin requerir CSS o JavaScript manual. Reemplaza la necesidad de jQuery utilizando directivas de Angular para la gestión de estado y un motor de posicionamiento adaptativo para elementos flotantes. El conjunto de componentes cubre una amplia gama de elementos interactivos, incluyendo controles de navegación como pestañas y paginación, ventanas superpuestas como modales y popovers, y herramientas de entrada de datos como selectores de fecha y hora. También incluye widgets de diseño y retroalimentación como acordeones, barras de progreso y alertas.

    Provides interactive elements that toggle the visibility of content blocks to reduce visual clutter.

    TypeScriptangularbootstrapcarousel
    Ver en GitHub↗5,519
  • iuricode/readme-templateAvatar de iuricode

    iuricode/readme-template

    5,204Ver en GitHub↗

    Este proyecto es una colección de diseños de markdown estandarizados y librerías de componentes utilizados para organizar documentación de proyectos, perfiles de usuario y diagramas técnicos. Proporciona plantillas predefinidas para crear páginas de perfil de GitHub profesionales y documentación estructurada para proyectos de código abierto, incluyendo guías para instalación, uso y contribución. La librería cuenta con plantillas especializadas para renderizar diagramas de flujo y diagramas de secuencia utilizando sintaxis de texto a visual. También incluye un sistema para integrar estadísticas de perfil dinámicas y tarjetas de estado que muestran automáticamente datos de codificación del usuario y los lenguajes principales a través de enlaces de imagen personalizables. El kit de herramientas cubre una amplia gama de mejoras visuales, como insignias modulares para enlaces sociales y habilidades técnicas, bloques de contenido plegables para gestionar la densidad de información y resaltado codificado por colores para notas y advertencias. Además, soporta la integración de mapas interactivos y marcado de documentos avanzado para mejorar la legibilidad y el compromiso.

    Provides interactive elements to toggle the visibility of content blocks to manage information density.

    iuricodemodelosprofile
    Ver en GitHub↗5,204
  • chalarangelo/30-seconds-of-reactAvatar de Chalarangelo

    Chalarangelo/30-seconds-of-react

    5,081Ver en GitHub↗

    Este proyecto es una colección integral de fragmentos de código reutilizables, hooks personalizados y patrones de implementación para construir interfaces de usuario con React. Sirve como una biblioteca de ejemplos cortos diseñados para resolver tareas de desarrollo comunes, que van desde la gestión del estado hasta la integración con el DOM. La colección proporciona una amplia gama de utilidades especializadas para interactuar con APIs del navegador, incluyendo seguimiento de dimensiones de ventana, evaluación de consultas de medios y monitoreo de estado en línea. También incluye guías prácticas y fragmentos para la optimización del rendimiento, como memorización, carga diferida (lazy loading) y debouncing de cambios de estado. Las áreas de capacidad amplias cubren la implementación de componentes de UI interactivos como modales, carruseles e interfaces con pestañas, así como patrones arquitectónicos para la obtención de datos, persistencia de estado y verificación de actualizaciones asíncronas. La biblioteca también incluye utilidades para la gestión de formularios, manejo de eventos y sincronización de enrutamiento mediante el seguimiento del estado de la URL.

    Implements interactive elements that toggle the visibility of content blocks.

    JavaScripteducationjavascriptlearn-to-code
    Ver en GitHub↗5,081
  • mckinsey/vizroAvatar de mckinsey

    mckinsey/vizro

    3,579Ver en GitHub↗

    Vizro is a low-code Python framework for building production-ready data visualization applications. It functions as a UI orchestrator that allows users to define multi-page analytical dashboards through structured configurations in Python, YAML, or JSON, reducing the need for extensive frontend engineering. The project distinguishes itself through generative AI integration, utilizing a model context protocol server to translate natural language descriptions into validated dashboard configurations, charts, and layouts. It also features a decoupled data cataloging system that separates data sou

    Includes interactive elements that toggle the visibility of content blocks to optimize dashboard screen space.

    Pythondashboarddata-visualizationplotly
    Ver en GitHub↗3,579
  • ui-layouts/uilayoutsAvatar de ui-layouts

    ui-layouts/uilayouts

    3,190Ver en GitHub↗

    uillayouts is a comprehensive design system consisting of interactive components, responsive templates, motion-enhanced UI kits, and advanced visual effect toolkits. It provides a collection of accessible React UI components and pre-designed layout sections for landing pages. The project is distinguished by a specialized visual effects library and motion-driven components. It features high-performance graphical enhancements such as glassmorphism, mesh gradients, noise overlays, and SVG masking, alongside interactive elements that utilize physics-based animations and cursor-tracking effects.

    Provides an interactive FAQ section with smooth expanding and collapsing animations.

    TypeScriptaccertinityaccordion-componentanimated-tabs
    Ver en GitHub↗3,190
  • yoopta-editor/yoopta-editorAvatar de yoopta-editor

    yoopta-editor/Yoopta-Editor

    3,045Ver en GitHub↗

    Yoopta-Editor is a headless framework for building customizable block-based rich text editors. It utilizes a JSON-based document engine to manage editor state and provides a WYSIWYG interface for creating structured documents. The system separates core document logic from the visual layer, allowing for complete customization of the user interface. The framework is designed for real-time collaborative editing, featuring a synchronization engine with conflict resolution and remote cursor presence tracking. It offers a highly extensible plugin system that allows developers to define new content

    Provides interactive accordion blocks that allow users to toggle the visibility of content sections.

    TypeScriptcontenteditableeditorhacktoberfest
    Ver en GitHub↗3,045
  • carbon-design-system/carbon-components-svelteAvatar de carbon-design-system

    carbon-design-system/carbon-components-svelte

    2,879Ver en GitHub↗

    Este proyecto es una colección de componentes de interfaz accesibles y reutilizables creados para el framework Svelte. Funciona como una implementación de sistema de diseño integral, proporcionando un kit de herramientas estandarizado para construir interfaces de usuario responsivas e inclusivas que cumplen con el lenguaje de diseño establecido y las pautas de accesibilidad. La librería destaca por su profunda integración con Svelte, utilizando transformaciones basadas en el compilador para optimizar el renderizado de componentes y la sincronización del estado reactivo. Cuenta con un robusto sistema de gestión de temas que aplica estilos visuales mediante propiedades personalizadas de CSS, permitiendo el cambio dinámico de temas en tiempo de ejecución. Además, la librería emplea renderizado basado en portales para elementos de UI flotantes, asegurando que las superposiciones no se vean obstruidas por las restricciones de los contenedores padres. El conjunto de componentes cubre una amplia gama de requisitos de interfaz, incluyendo la gestión de tablas de datos estructurados, la construcción de formularios dinámicos con validación integrada y contenedores de diseño responsivo. También proporciona utilidades especializadas para rastrear puntos de interrupción (breakpoints) de pantalla, gestionar la persistencia del estado de la aplicación y enviar notificaciones al usuario a través de sistemas modales o en línea. La librería está diseñada para soportar flujos de trabajo de desarrollo eficientes eliminando estilos no utilizados y optimizando la entrega de activos durante el proceso de compilación.

    Includes interactive accordion components that toggle the visibility of content blocks to manage interface density.

    TypeScriptcarboncarbon-design-systemcomponent-library
    Ver en GitHub↗2,879
  • zendeskgarden/react-componentsAvatar de zendeskgarden

    zendeskgarden/react-components

    1,110Ver en GitHub↗

    This project is a comprehensive design system framework and component library built for React. It provides a suite of modular, accessible, and themeable interface elements designed to maintain a unified visual language and brand alignment across complex web applications. By encapsulating interaction logic and styling within individual components, it enables developers to build consistent, responsive interfaces through declarative composition. The library distinguishes itself by prioritizing inclusive user experiences through built-in accessibility management, including standardized keyboard n

    Displays information in expandable sections to reduce visual clutter and help users focus on specific content areas.

    TypeScript
    Ver en GitHub↗1,110
  1. Home
  2. User Interface & Experience
  3. Collapse Sections

Explorar subetiquetas

  • Animated FAQ ListsInteractive question-and-answer components with smooth expanding and collapsing transitions. **Distinct from Collapse Sections:** Combines the functionality of collapse sections with the specific structural pattern of an FAQ list.
  • Section-Based Buffer OrganizersOrganizes repository information into nested, collapsible sections within buffers for hierarchical navigation and focused inspection. **Distinct from Collapse Sections:** Distinct from Collapse Sections: organizes content into nested, collapsible sections for hierarchical navigation, not just toggling visibility of content blocks.