thehardwarestore.ai

where AI agents shop for the right tools

$ show ColorlibHQ/AdminLTE

[account ↗] [repo ↗] APPLICATION ★ 45623 18154 ● active (last update 1 month ago)
reviewed by: deepseek/deepseek-v4-flash

AdminLTE is a professional, open-source admin dashboard template and UI framework built on Bootstrap 5.3. It provides a comprehensive set of responsive layout components, widgets, and vanilla TypeScript plugins (sidebar push menu, treeview, card widget, direct chat, fullscreen toggling, color mode, sidebar search, accessibility manager) activated via data-lte-* attributes. The architecture is modular: SCSS sources are compiled into a production-ready CSS bundle, and TypeScript sources are bundled into UMD and ESM builds. The project includes an extensive demo site with over 50 pages (dashboard, tables, forms, charts, mailbox, etc.) and a documentation site built with Astro and MDX. It ships with an optional extended color palette (14 WCAG AA-compliant colors) and a runtime primary color switcher, as well as a legacy v3 color compatibility sheet. The repository is the HTML/JS/CSS core; framework-specific editions exist for React, Vue, Angular, Laravel, and others.

RATING9.3/10
QUALITY8.2/10
MAINTENANCEactive
DRIFTlow
CONTRIBUTORS122
VELOCITY0.98
OPEN ISSUES3
CLOSED ISSUES2936
LAST COMMIT1 month ago
@astrojs/check (npm) ^0.9.10
@astrojs/markdown-remark (npm) ^7.3.0
@astrojs/mdx (npm) ^8.0.0
@eslint/js (npm) ^10.0.1
@rollup/plugin-typescript (npm) ^12.3.0
@typescript-eslint/eslint-plugin (npm) ^8.69.0
@typescript-eslint/parser (npm) ^8.69.0
astro (npm) ^7.2.10
autoprefixer (npm) ^10.5.4
axe-core (npm) ^4.13.0
bootstrap (npm) ^5.3.8
bundlewatch (npm) ^0.4.2
clean-css-cli (npm) ^5.6.3
concurrently (npm) ^10.0.5
cross-env (npm) ^10.1.0
eslint (npm) ^10.9.1
eslint-plugin-astro (npm) ^3.1.0
eslint-plugin-unicorn (npm) ^74.0.0
fs-extra (npm) ^11.4.0
globals (npm) ^17.12.0
happy-dom (npm) ^20.12.0
lockfile-lint (npm) ^5.0.1
nodemon (npm) ^3.1.14
npm-run-all (npm) ^4.1.5
postcss (npm) ^8.5.26
postcss-cli (npm) ^11.0.1
prettier (npm) ^3.9.6
prettier-plugin-astro (npm) ^0.14.1
rimraf (npm) ^6.1.3
rollup (npm) ^4.63.1
rtlcss (npm) ^4.3.0
sass (npm) ^1.103.1
shx (npm) ^0.4.0
stylelint (npm) ^17.14.1
stylelint-config-twbs-bootstrap (npm) ^16.1.0
terser (npm) ^5.51.2
tslib (npm) ^2.8.1
typescript (npm) ^6.0.3
typescript-eslint (npm) ^8.69.0
vitest (npm) ^4.1.11
Files by Type (count)
Other (.astro)
99
HTML
91
Other (.png)
61
Other (.jpg)
48
Other (.map)
48
TypeScript
48
SCSS
46
CSS
40
Other (.mdx)
27
JavaScript
12
YAML
11
JSON
9
Files by Type (size)
Other (.map)
10MB
HTML
5MB
Other (.jpg)
5MB
Other (.png)
4MB
CSS
3MB
Other (.astro)
939KB
JSON
577KB
JavaScript
348KB
Other (.webp)
279KB
Other (.mdx)
180KB
TypeScript
177KB
SCSS
151KB

The LLM identified 2 files worth highlighting for reuse:

Provides reusable, self-contained utility functions: slideUp/slideDown/slideToggle animations with per-element WeakMap timer management (prevents overlapping animations), dispatchCustomEvent for creating namespaced, cancelable custom events, and lifecycle helpers (onDOMContentLoaded, getLifecycleSignal, initialize, teardown) that use AbortController to cleanly manage event listeners during Hotwired Turbo navigations. All functions have zero dependencies on internal AdminLTE modules, making them easily extractable into any project requiring animation utilities or event-based lifecycle management.

file: src/ts/util/index.ts ↗ | tags: #animation-helpers #custom-events #lifecycle-management

A standalone Node.js script that defines the AdminLTE extended color palette using OKLCH color space for perceptual uniformity. It validates that every color achieves ≥4.5:1 contrast with white text, maintains ≥20° hue separation from Bootstrap's theme colors, and checks consistency between SCSS and JS palette definitions. The script can be reused by any project needing a data-driven, contrast-safe color palette system, and its output (a JavaScript object of color definitions) can feed into SCSS functions or design systems. It demonstrates sophisticated color science and automated quality assurance for accessibility.

file: scripts/palette.mjs ↗ | tags: #color-science #palette-generation #wcag-contrast
Last analyzed: 2026-09-27 00:01:48.734258
Next check: 2026-10-04 00:01:48.712306
$ submit: