49 Repos
Layout components for toggling hidden navigation or content panels.
Distinguishing note: No existing UI component candidates were provided; this focuses on drawer-style sidebar navigation.
Explore 49 awesome GitHub repositories matching user interface & experience · Sidebars. Refine with filters or upvote what's useful.
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
The library creates grid-based layouts with hidden sidebars that toggle visibility, supporting various screen sizes and overlay behaviors.
React-admin is a framework for building data-driven administrative interfaces that connect to REST or GraphQL backends. It provides a comprehensive suite of tools for managing the full lifecycle of administrative applications, including resource-oriented routing, declarative form scaffolding, and context-driven state management. By utilizing a modular adapter-based architecture, the framework abstracts backend communication, allowing developers to build consistent CRUD interfaces that handle data fetching, authentication, and synchronization automatically. The project distinguishes itself thr
Displays selectable filter categories in a side panel to allow users to quickly toggle and combine multiple data constraints.
Octotree is a source code browsing tool for GitHub that provides a navigable file tree sidebar for exploring repository folder structures without downloading files locally. It enables the navigation of directory hierarchies and the location of specific files through text-based search queries. The tool includes specialized workflows for reviewing pull requests by filtering the visible file tree to show only modified files. It also supports access to private repositories through the use of personal access tokens and multi-account management. The interface features customizable sidebar behavior
Provides settings and hotkeys to adjust the docking position and visibility of the navigation sidebar.
cmux is a GPU-accelerated terminal emulator and workspace manager designed for coordinating multiple concurrent AI coding agents. It functions as an orchestration terminal that uses scriptable workspaces and split panes to manage parallel AI agent workflows, while also serving as a headless browser automation tool and a remote development relay. The project differentiates itself through a programmatic control plane using a Unix domain socket and CLI, allowing for the automated management of terminal layouts and input delivery. It features an integrated web engine for programmatic DOM manipula
Utilizes custom status pills, labels, and icons in the sidebar to track the state of integrated tools.
MkDocs is a static site generator designed specifically for creating project documentation. It functions as a command-line utility that transforms structured Markdown files into professional, searchable websites. By utilizing a centralized configuration file, it manages site metadata, navigation hierarchies, and build settings to ensure consistent output across documentation projects. The platform distinguishes itself through a highly extensible architecture that separates content from presentation. Users can apply visual themes to control the site's appearance, while a plugin-based build sys
Controls the depth, structure, and interactive elements of the site sidebar and page-to-page navigation controls for better usability.
Gentelella is a collection of pre-configured interface templates and a component library designed for building administration panels, data dashboards, and internal management consoles. It provides a Bootstrap 5 based framework that includes accessible web interface templates and PWA-ready dashboard shells. The project features specialized templates for data visualization, utilizing modular chart factories to render line, bar, radar, and heatmap visualizations. It includes a set of ready-to-use interface elements for enterprise prototyping, such as kanban boards, file managers, and interactive
Includes a consistent sidebar navigation system with support for nested submenus and collapsed rail views.
WaveTerm is a cross-platform terminal emulator that integrates artificial intelligence, graphical widgets, and remote session management into a unified, block-based workspace. By rendering the interface through a web-based engine, it allows users to organize their development environment into a grid of resizable, independent blocks that can host shells, interactive web content, and system monitoring tools. The platform distinguishes itself by embedding intelligent models directly into the command-line interface, enabling automated code generation, terminal output analysis, and multimodal file
Provides configurable sidebar panels for displaying tools, web content, and system information alongside the terminal.
Wagtail is an open-source content management system built on the Django web framework. It provides a structured, tree-based approach to content modeling, allowing developers to define custom page types and reusable content components that are managed through a highly customizable administrative interface. The platform distinguishes itself through its flexible, block-based content composition system, which enables editors to assemble complex page layouts dynamically. It also offers robust support for multi-site and multi-lingual environments, allowing organizations to manage distinct websites
Controls the visibility and grouping of reusable content components in the administrative sidebar to streamline editor navigation.
GraphiQL is an interactive browser-based integrated development environment for writing, testing, and documenting GraphQL queries and mutations. It functions as a code editor, an API exploration tool, and a schema explorer, providing a visual interface for browsing GraphQL types and fields. The project provides a language server that delivers schema-driven autocompletion, linting, and validation via the Language Server Protocol. It allows for the embedding of high-performance editors into external projects and supports the injection of custom tools and components through a sidebar plugin API.
Provides an API for integrating custom tools and UI components into the sidebar.
AsyncDisplayKit is an asynchronous UI framework and performance library for iOS. It provides a collection of performant alternatives to standard views, allowing developers to build responsive interfaces by offloading layout and rendering tasks to background threads. The framework is centered around a declarative layout engine based on a flexbox model, which calculates element positions and sizes asynchronously. It utilizes a node-based abstraction to wrap native views, enabling the instantiation and configuration of UI hierarchies on background threads to prevent main thread blocking. The sy
Calculates the number of user interactions required to make a view controller visible to adjust resource usage.
TinaCMS is a headless content management framework that bridges local Git-based file storage with a visual, in-context editing interface. By treating your repository as the single source of truth, it enables developers to manage content as structured data files while providing editors with a browser-based dashboard to modify website content directly within a live preview. The framework distinguishes itself by transforming local files into a unified GraphQL API, which powers both the administrative interface and the application's data retrieval layer. This architecture allows for compile-time
Allows overriding default form selection in the sidebar to ensure correct input fields appear.
Pragmatic Drag and Drop is a TypeScript library that provides a complete system for implementing drag and drop interactions in web applications. It handles the full lifecycle of drag operations, from registering drop targets and monitoring drag events to managing cleanup functions, all through a structured adapter-based approach. The library supports a wide range of data manipulation patterns, including reordering items within lists, tables, trees, virtual lists, and side navigation, as well as moving items between lists and across columns in a board layout. It also enables swapping items in
Enables drag-and-drop reordering of navigation items within a sidebar.
Firefox is a cross-platform web browser engine designed to render web content, execute JavaScript, and manage secure browsing sessions. It utilizes a multi-process isolation architecture that distributes browser tasks across independent operating system processes to ensure stability and prevent site-specific failures from impacting the entire application. The engine incorporates a sandboxed execution environment to restrict web content and untrusted scripts to isolated memory compartments, enforcing security policies that prevent unauthorized access to system resources. The project distinguis
Allows extending the browser interface with custom sidebar panels and tools.
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
Ships off-canvas sidebars that slide in from the edge of the screen for navigation.
pgweb is a web-based database client and graphical administration tool for PostgreSQL. It provides a browser-based interface for executing SQL queries, inspecting schemas, and managing database objects. The tool includes a read-only mode that prevents destructive operations by blocking specific SQL keywords. It supports secure remote access to private instances through native SSH tunneling and encrypted database connections. The application covers a broad range of management capabilities, including multi-environment session management, database structure inspection, and the export of query r
Builds a searchable navigation tree by querying database metadata for tables, views, and constraints.
Just the Docs is a Jekyll theme designed for building documentation sites that are hosted on GitHub Pages. It provides a responsive, mobile-friendly layout with built-in search, hierarchical navigation, and extensive customization through overridable SCSS variables, Liquid includes, and page layouts. The theme distinguishes itself through a file-based navigation hierarchy that automatically generates multi-level collapsible menus from directory structures and front matter, combined with client-side full-text search that indexes page content at build time. It includes automated deployment via
Renders a page with only the main content area, removing the sidebar and table of contents.
This project is a cross-platform mobile navigation library and declarative routing engine. It maps components to named scenes within a centralized configuration to manage application flow and screen transitions. The system distinguishes itself through a variety of specialized navigation patterns, including a mobile drawer navigation system for side menus and a tab navigation framework for organizing top-level views. It also features a modal overlay manager for rendering screens as pop-ups or transparent lightboxes and a deep linking handler that maps incoming URIs to specific application scen
Integrates slide-out drawer menus directly into the declarative routing configuration for accessing application routes.
This project is a JavaScript UI component library and frontend utility toolkit. It serves as a web modal framework and popup library, providing a specialized system for rendering interactive dialogs, overlays, and layered interfaces over web page content. The library is distinguished by its comprehensive set of overlay tools, including alert dialogs, confirmation prompts, and the ability to embed external content via iframes. It also features a responsive twelve-column grid system for cross-device layout compatibility and an internal modular dependency management system for on-demand loading
Provides persistent floating sidebars with icons and callbacks for page navigation.
ChatGPT-Shortcut is a prompt engineering toolkit and management library designed to organize, refine, and deploy structured instructions for large language models. It functions as a browser-based prompt injector and a self-hosted prompt database, allowing users to maintain a curated collection of specialized templates. The project features a community prompt gallery where users can publish, discover, and vote on effective templates. It distinguishes itself by integrating these libraries directly into chat interfaces via userscripts or browser extensions, enabling access to prompts through sid
Inserts a curated list of prompts directly into the sidebar of chat interfaces.
Azure Data Studio is a cross-platform SQL database management IDE used for writing queries, managing schemas, and administering relational databases. It functions as a comprehensive environment for relational database management, providing a structured interface for executing SQL queries and browsing database objects. The platform is distinguished by its interactive data notebooks, which combine executable code cells, narrative text, and visualizations for data analysis. It also includes specialized tools for database migration, allowing users to assess and transfer schemas and data from on-p
Provides a hierarchical sidebar that maps database objects for easy navigation and contextual command execution.