Aerolab/midnight.js
Switch your nav's design on the fly observed · 2026-08-28
Health v2 · maintenance only
23/100
- Activity 0
- Release rhythm 8
- Longevity 100
Flags: no_license
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-03. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 4360
- days_rel: n/a
- days_push: 1612
- n_releases_24m: 0
Adoption not part of the score
3648 stars · 363 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded
Midnight.js is a jQuery plugin that switches between multiple fixed header/nav designs as the user scrolls, based on data attributes on page sections. It automatically creates and swaps styled header variants so the nav always complements the content beneath it.
Use cases
- switch nav design on scroll
- make fixed header change color per section
- scroll-aware header styling
- swap logo style as user scrolls past dark sections
- multiple header designs for one page
When to choose
- you use jQuery and want a fixed header that adapts to section backgrounds
- you need per-section nav styling with minimal JavaScript
When to avoid
- you don't use jQuery
- you need a modern framework (React/Vue) solution
- the project needs active maintenance or new features
Facets
plugin · maturity maintenance
ui-components animation frontend-framework web-development frontend web-design browser jquery-plugin fixed-header scroll-effects navigation javascript nodejs
3 sources
- readme: https://github.com/Aerolab/midnight.js · fetched 2026-08-28 · 819c5ff3c3f4
- homepage: http://aerolab.github.io/midnight.js/ · fetched 2026-08-29 · 097927382bed
- registry_npm: https://registry.npmjs.org/midnight.js · fetched 2026-08-29 · 6ca6102805b0
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| Aerolab/midnight.js | main | 23 |
For agents
markdown · JSON · MCP: product_card(name="Aerolab/midnight.js")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem