awesome-repositories.com
Blog
MCP
awesome-repositories.com

Descoperă cele mai bune repository-uri open source cu căutare AI.

ExploreazăCăutări recomandateAlternative open-sourceSoftware self-hostedBlogHartă site
ProiectServer MCPDespreCum realizăm clasamentulPresă
LegalConfidențialitateTermeni
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

20 repository-uri

Awesome GitHub RepositoriesResponsive Dashboards

Layout patterns and component structures designed for data-heavy interfaces that adapt to varying screen sizes.

Explore 20 awesome GitHub repositories matching user interface & experience · Responsive Dashboards. Refine with filters or upvote what's useful.

Awesome Responsive Dashboards GitHub Repositories

Găsește cele mai bune repo-uri cu AI.Vom căuta cele mai potrivite repository-uri folosind AI.
  • chartjs/chart.jsAvatar chartjs

    chartjs/Chart.js

    67,526Vezi pe GitHub↗

    Chart.js is a declarative data visualization framework that renders interactive, responsive charts directly onto an HTML5 canvas element. It functions as a configuration-driven engine, transforming structured datasets into complex graphical representations by merging user-defined settings with global defaults. The library utilizes a high-performance rendering pipeline that executes drawing commands during each animation frame to maintain smooth visual feedback. The project distinguishes itself through a modular, extensible architecture that allows developers to register custom scales, control

    Delivers flexible, responsive data displays that adapt to varying screen sizes and user interactions.

    JavaScriptcanvaschartgraph
    Vezi pe GitHub↗67,526
  • colorlibhq/adminlteAvatar ColorlibHQ

    ColorlibHQ/AdminLTE

    45,471Vezi pe GitHub↗

    AdminLTE is a responsive dashboard framework and component library used to build administrative control panels and internal application backends. It provides a collection of HTML and CSS templates based on the Bootstrap 5 framework to create standardized layout systems for web interfaces. The project includes specialized application page templates for common administrative views, such as kanban boards, calendars, and chat interfaces. It also features built-in support for visual theme adaptations, including native dark mode and right-to-left layouts. The library covers a range of UI developme

    Implements a flexible grid system and adaptive templates that ensure administrative interfaces function across different screen sizes.

    CSSadminadmin-dashboardadmin-dashboard-template
    Vezi pe GitHub↗45,471
  • xiaoxian521/vue-pure-adminAvatar xiaoxian521

    xiaoxian521/vue-pure-admin

    20,341Vezi pe GitHub↗

    Vue-pure-admin is a Vue 3 admin dashboard template and frontend boilerplate designed for developing backend management tools. It functions as a TypeScript web application scaffold that integrates Vite for the build pipeline and Element Plus for the UI framework. The project provides a responsive admin interface that adapts to both desktop and mobile screens. It is structured as an enterprise frontend architecture to support the creation of scalable professional web applications. The system includes capabilities for bootstrapping backend management systems, optimizing bundle sizes, and deploy

    Ships a data-heavy interface that adapts seamlessly across desktop and mobile screen sizes.

    Vue
    Vezi pe GitHub↗20,341
  • plouc/nivoAvatar plouc

    plouc/nivo

    14,039Vezi pe GitHub↗

    Nivo is a responsive charting framework and a React data visualization library that uses D3 for its underlying math logic. It serves as both a collection of interactive chart components for web applications and a server-side visualization engine for generating static data chart images. The project distinguishes itself by providing a containerized chart rendering API, allowing the visualization engine to be deployed via Docker to serve rendered graphics as images or files through a programmatic interface. It also features a motion engine for animated data transitions, ensuring smooth visual sh

    Implements layout patterns that allow data-heavy visualizations to adapt seamlessly to varying screen sizes.

    TypeScriptcanvaschartscomponents
    Vezi pe GitHub↗14,039
  • akveo/blur-adminAvatar akveo

    akveo/blur-admin

    11,294Vezi pe GitHub↗

    Blur Admin is an AngularJS and Bootstrap framework for building responsive administrative dashboards. It provides a set of grid-based templates and predefined layout components designed to create high-resolution management interfaces that adapt to different screen sizes. The framework includes a Sass-based theme engine that allows for the customization of visual appearances, color schemes, and brand identity through a central set of style variables. It specifically features a blur theme effect that applies translucent backgrounds and blurred effects across the interface. The system covers da

    Features high-resolution management interfaces that automatically adapt to different screen sizes using a Bootstrap grid system.

    JavaScriptadminadmin-dashboardadmin-template
    Vezi pe GitHub↗11,294
  • keen/dashboardsAvatar keen

    keen/dashboards

    11,038Vezi pe GitHub↗

    This project is a collection of responsive CSS Grid dashboard templates and a data visualization UI kit. It provides a set of HTML layouts designed for building analytics interfaces and monitoring views for KPIs and business metrics that adapt to different screen sizes. The toolkit is library-agnostic, allowing the connection of static HTML templates to any external data source or third-party charting library without requiring custom adapter code. It uses a template-driven approach to separate the visual structure of the dashboard from the underlying data. The capabilities cover the assembly

    Offers responsive dashboard layout patterns designed for data-heavy interfaces that adapt to varying screen sizes.

    HTMLanalyticsanalytics-dashboardcharts
    Vezi pe GitHub↗11,038
  • jeecgboot/jimureportAvatar jeecgboot

    jeecgboot/jimureport

    8,059Vezi pe GitHub↗

    JimuReport is an open-source reporting and dashboard engine designed to be embedded directly into Spring Boot applications. Its core identity centers on generating data reports and full-screen dashboards from natural language descriptions, eliminating the need for manual design. The platform also provides a conversational query interface that translates plain-language questions into database queries, returning results as tables and charts without requiring SQL knowledge. What distinguishes JimuReport is its integration of AI skills that can be installed with a single command, enabling report

    Renders dashboards as web pages that adapt to different screen sizes and devices without rework.

    Javaaibibigscreen
    Vezi pe GitHub↗8,059
  • kimmobrunfeldt/progressbar.jsAvatar kimmobrunfeldt

    kimmobrunfeldt/progressbar.js

    7,859Vezi pe GitHub↗

    This project is a client-side library for rendering responsive, animated SVG progress indicators. It functions as a frontend UI component and vector animation library designed to visualize completion status through linear, circular, and radial shapes. The library is distinguished by its support for custom vector path geometries, allowing users to define specific SVG path data to create specialized shapes. It uses a vector-based rendering approach to ensure that indicators remain sharp across different screen resolutions. The tool covers a range of capabilities including both static and anima

    Provides fluid and scalable progress indicators that adapt to different screen sizes in web dashboards.

    JavaScript
    Vezi pe GitHub↗7,859
  • jbaysolutions/vue-grid-layoutAvatar jbaysolutions

    jbaysolutions/vue-grid-layout

    7,414Vezi pe GitHub↗

    vue-grid-layout is a draggable and resizable grid system for Vue.js that enables users to customize the placement and size of interface elements. It functions as a dynamic widget orchestrator and a state-persistent layout manager, allowing for the creation of customizable dashboard interfaces where components can be arranged and sized according to user preference. The system operates as a responsive dashboard framework that automatically adapts grid arrangements based on viewport size and supports right-to-left text directions. It provides the ability to capture and serialize grid positions a

    Provides a responsive dashboard framework that adapts complex grid arrangements to varying screen sizes.

    JavaScriptdrag-and-dropgridgrid-layout
    Vezi pe GitHub↗7,414
  • un-pany/v3-admin-viteAvatar un-pany

    un-pany/v3-admin-vite

    6,982Vezi pe GitHub↗

    v3-admin-vite is a Vue 3 admin template and frontend framework used for building administrative dashboards and internal business tools. It utilizes Vite for module bundling, providing hot module replacement during development and optimized builds for production. The project features a themeable management interface with customizable visual styles and dark mode toggles. It includes a responsive dashboard layout that adapts navigation and content displays across desktop and mobile screen resolutions. The framework implements role-based access control to manage user permissions and restrict acc

    Ships a flexible dashboard layout designed to adapt data-heavy interfaces across desktop and mobile.

    Vueadminaxioselement-plus
    Vezi pe GitHub↗6,982
  • valor-software/ngx-bootstrapAvatar valor-software

    valor-software/ngx-bootstrap

    5,519Vezi pe GitHub↗

    ngx-bootstrap este un set de widget-uri și componente UI stilizate Bootstrap, construite special pentru framework-ul Angular. Oferă o bibliotecă de elemente de interfață reutilizabile concepute pentru a funcționa cu motorul de compilare și randare Angular Ivy. Biblioteca permite integrarea componentelor Bootstrap în aplicațiile Angular pentru a crea interfețe utilizator responsive fără a necesita CSS sau JavaScript manual. Înlocuiește nevoia de jQuery prin utilizarea directivelor Angular pentru gestionarea stării și a unui motor de poziționare adaptiv pentru elementele flotante. Setul de componente acoperă o gamă largă de elemente interactive, inclusiv controale de navigare precum tab-uri și paginare, ferestre overlay precum modale și popover-uri, și instrumente de input de date precum selectoare de dată și oră. Include, de asemenea, widget-uri de layout și feedback precum acordeoane, bare de progres și alerte.

    Provides layout components like accordions and progress bars to build data-heavy responsive dashboards.

    TypeScriptangularbootstrapcarousel
    Vezi pe GitHub↗5,519
  • nhnent/tui.chartAvatar nhnent

    nhnent/tui.chart

    5,403Vezi pe GitHub↗

    tui.chart is a statistical charting engine and data visualization library designed to render interactive charts and graphs for complex numerical datasets. It functions as a responsive charting framework capable of producing various statistical representations, including line, bar, scatter, bubble, and treemap charts. The library distinguishes itself through an interactive visualization system that supports synchronized tooltips across multiple charts, range-based zooming, and data series selection. It includes a layout engine that automatically adjusts chart dimensions and animations based on

    Features a layout engine that automatically adjusts chart dimensions and options based on the screen size.

    TypeScript
    Vezi pe GitHub↗5,403
  • metafizzy/packeryAvatar metafizzy

    metafizzy/packery

    4,317Vezi pe GitHub↗

    Packery is a JavaScript bin-packing grid layout engine and DOM element positioning library. It arranges elements of varying sizes into a gapless, compact grid by calculating and applying absolute coordinates to HTML elements to prevent overlapping. The library enables the creation of draggable grid interfaces, allowing users to rearrange elements via drag-and-drop while the system automatically reflows the remaining items. It maintains stable, responsive layouts across different screen dimensions by using a percentage-based positioning system and responding to window resize events. The tool

    Builds flexible grid systems using percentage-based positioning to maintain structure across different screen sizes.

    JavaScript
    Vezi pe GitHub↗4,317
  • bopoda/aceAvatar bopoda

    bopoda/ace

    3,741Vezi pe GitHub↗

    Ace is a responsive admin template and UI component library built on Bootstrap 3. It provides a comprehensive framework for creating administrative dashboards with a grid-based layout system that adapts to various screen sizes. The project features a broad array of pre-styled layouts for administrative interfaces, including specialized page templates for user profiles, email clients, and real-time chat interfaces. It includes a configuration system for adjusting visual presentations through color skins and right-to-left mirroring support. The library covers a wide range of interface capabili

    Implements a grid-based layout system for data-heavy interfaces that adapt to various screen sizes.

    HTML
    Vezi pe GitHub↗3,741
  • tanstack/react-chartsAvatar TanStack

    TanStack/react-charts

    3,149Vezi pe GitHub↗

    This library provides a set of tools for building dynamic data visualizations within React applications. It functions as a declarative framework that allows developers to define complex graphical representations through configuration settings rather than manual manipulation of the document object model. The library specializes in rendering interactive Cartesian charts, including line, bar, bubble, and area plots. It distinguishes itself by utilizing a coordinate-system-based mapping approach that translates raw data into pixel positions, combined with a component-based architecture that enabl

    Supports the design of data-driven interfaces that adapt layout and scaling across different devices.

    HTMLchartcomponentd3
    Vezi pe GitHub↗3,149
  • legions-developer/evilchartsAvatar legions-developer

    legions-developer/evilcharts

    2,535Vezi pe GitHub↗

    Evilcharts is a data visualization library and animated charting framework designed to render interactive data graphics. It functions as a responsive data graphics engine that transforms raw data sets into visual formats such as bars, lines, and pies. The project focuses on interactive data visualization by incorporating motion triggers and visual transitions. It provides tools for custom chart styling to align visual effects and colors with specific brand guidelines and design requirements. The engine manages responsive data dashboards through automatic layout scaling to maintain consistenc

    Implements layout patterns for data-heavy interfaces that adapt to varying screen sizes.

    TypeScript
    Vezi pe GitHub↗2,535
  • ant-design/ant-design-chartsAvatar ant-design

    ant-design/ant-design-charts

    2,228Vezi pe GitHub↗

    Ant Design Charts is a data visualization framework and declarative component library designed for React applications. It provides a collection of reusable components that map complex datasets to graphical representations, enabling the creation of interactive charts, plots, and maps within web interfaces. The library utilizes a grammar-based mapping system to transform raw data into visual properties, supported by a layered graphic abstraction that separates data representation from interactive elements. It employs a canvas-based rendering engine to maintain performance when handling large da

    Enables the creation of data-driven interfaces that automatically adjust their layout and chart dimensions for responsive dashboards.

    JavaScriptant-designantvreact-components
    Vezi pe GitHub↗2,228
  • vaadin/frameworkAvatar vaadin

    vaadin/framework

    1,805Vezi pe GitHub↗

    This framework is a server-side development platform for building interactive, data-driven web applications using Java. It provides a comprehensive component model that allows developers to construct complex user interfaces entirely through backend code, abstracting away the need to manually manage HTML, CSS, or client-side scripting. The platform distinguishes itself by maintaining the application state and user interface hierarchy on the server, synchronizing changes to the browser through a persistent communication channel. This architecture enables developers to bind backend domain object

    Organizes application components into flexible structures that automatically adjust to fit different screen dimensions and device types.

    Javajavavaadinvaadin-framework
    Vezi pe GitHub↗1,805
  • creativetimofficial/light-bootstrap-dashboardAvatar creativetimofficial

    creativetimofficial/light-bootstrap-dashboard

    1,360Vezi pe GitHub↗

    Light Bootstrap Dashboard este un framework pentru construirea interfețelor administrative și a backend-urilor de gestionare. Acesta oferă o colecție de componente pre-stilate și layout-uri responsive concepute pentru a facilita dezvoltarea aplicațiilor web personalizate și a instrumentelor interne. Proiectul se distinge prin capabilități integrate de vizualizare a datelor, permițând randarea diagramelor și graficelor interactive pentru a urmări metricile de business, tendințele vânzărilor și modelele de implicare a utilizatorilor. Include instrumente specifice pentru monitorizarea performanței campaniilor și a stării sistemului, susținute de un sistem de notificare bazat pe evenimente care alertează utilizatorii cu privire la evenimentele aplicației. Framework-ul utilizează o arhitectură modulară bazată pe componente și un sistem de grid responsive pentru a asigura branding-ul vizual și layout-ul consistent pe diferite rezoluții de ecran. Utilizatorii pot personaliza interfața prin opțiuni de configurare pentru scheme de culori și imagini de fundal, în timp ce utilitarele încorporate de gestionare a sarcinilor ajută la urmărirea progresului proiectului și a fluxurilor de lucru administrative.

    Offers a collection of pre-styled, responsive components and grid layouts for building functional administrative interfaces that adapt to different screen resolutions.

    CSSadminadmin-dashboardbootstrap
    Vezi pe GitHub↗1,360
  • valqelyan/svelte-gridAvatar valqelyan

    valqelyan/svelte-grid

    1,002Vezi pe GitHub↗

    Svelte Grid is a responsive layout library designed for building interactive, draggable, and resizable dashboard interfaces within Svelte applications. It provides a coordinate-based system that allows users to manipulate the position and dimensions of UI components directly on the screen, ensuring that content blocks remain organized within a structured grid. The library distinguishes itself through a constraint-driven engine that enforces minimum and maximum size boundaries during user interactions, preventing overlapping elements and maintaining layout integrity. It includes built-in suppo

    Enables the creation of interactive, responsive dashboards where users can personalize layouts by dragging and resizing widgets.

    Svelteadmin-dashboarddragdraggable
    Vezi pe GitHub↗1,002
  1. Home
  2. User Interface & Experience
  3. UI Architecture
  4. Responsive Dashboards