Vue Dark Mode – A Minimalist Dark Design System for Vue.js
A lightweight, reactive, and elegant dark mode composable for Vue 3. Seamlessly toggle themes with zero dependencies.
Vue Dark Mode – A Minimalist Dark Design System for Vue.js launched on November 1, 2018 with 146 votes, #176 of 2,709 launches that month and more than 95% of that year's launches. The site was still online in September 2026, 7 years on.
In plain words
Vue Dark Mode is a lightweight composable for Vue 3 that enables dark mode toggling in web applications. It requires zero dependencies and automatically detects system color preferences while storing user choices in local storage. The solution is reactive by design and works by adding a simple composable file to projects without bloating dependencies. It is designed for Vue developers who want to implement dark mode functionality with minimal overhead.
written from the facts on this page · September 2026
From the sources
Zero dependencies. Auto system-preference detection. LocalStorage persistence. Reactive to the core. Don't bloat your node_modules. Just create a useDarkMode.js file and paste this: import { ref, watchEffect } from 'vue' export function useDarkMode() { const isDark = ref( localStorage.getItem('theme') === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches) ) watchEffect(() => { const root = window.document.documentElement if (isDark.value) { root.classList.add('dark') localStorage.setItem('theme', 'dark') } else { root.classList.remove('dark') localStorage.setItem('theme', 'light') } }) const toggle = () => { isDark.value = !isDark.value }…from vuedarkmode.com
Does a similar job
all alternatives →
Darken – Darkmode Made Easy2020 · github.com · ▲133🌑 Dark mode made easy. Contribute to ColinEspinas/darken development by creating an account on GitHub.
CSSeffectsSnippets.2019 · emilkowalski.github.io · ▲292A collection of CSS effects with a click to copy.
A renderless and extendable rich-text editor for Vue.js2019 · github.com · ▲278The headless rich text editor framework for web artisans. - ueberdosis/tiptap
Library to add a dark-mode to your website in a few seconds2019 · darkmodejs.learn.uno · ▲22🌓 Add darkmode / nightmode to your website in a few seconds
Dark Mode Design2020 · darkmodedesign.com · ▲145Showcasing the most beautifully designed dark mode websites
More life & fun this month
the category →
A free city-building game in your browser. You are the mayor. You know what the city needs. Now get it past the zoning board, the neighbors, the appeals court and the next election.
Life & fun · 3d ago · permit.petercai.com
- IV
Life & fun · 15d ago · tanzaniaeducationproject.org
Turn a phone, tablet or TV into a sign. Type a message and it fills the screen: welcome signs, timers, Wi-Fi passwords and more. No app, no account, free.
Life & fun · 16d ago · bigwords.page
Play a free virtual guitar online with your keyboard or by touch. Slow songs down and see every chord, string and strum. Acoustic, classic, electric and bass.
Life & fun · 10d ago · guitoro.com
Carrier settings from iPhone, Pixel and Galaxy firmware, decoded and compared: APNs, VoLTE, 5G and Wi-Fi Calling per carrier, and what each build changed.
Life & fun · 14d ago · carrierexplode.com
Life & fun · 24d ago · space.bl2.net
Source: Show HN post ↗
Launched alongside, November 2018
the whole month →
Learn how to build for the web and see where you stand 🌟
Dev tools · 2018 · web.dev
The 1.1.1.1 App▲689Faster, more private internet by Cloudflare, now on mobile
Work · 2018 · apps.apple.com
Tabnine is the AI code assistant that accelerates and simplifies software development while keeping your code private, secure, and compliant.
AI · 2018 · tabnine.com
