Dark Mode | Ecosyste.ms: Awesome

https://github.com/mpirescarvalho/nextjs-dark-mode

Dark mode theme with Next.js SSR and SSG without flicker ☀🌘

Last synced: 13 Apr 2026

https://github.com/bansheetech/nocturneshift-js

A sleek JavaScript plugin for effortlessly toggling dark mode on your website, ensuring a smooth, session-persistent visual transition for an enhanced user experience.

dark dark-mode dark-theme darkmode

Last synced: 10 Feb 2026

https://github.com/preethi-dev/dark_mode

Theme preference by OS without toggle

dark-mode dark-theme

Last synced: 30 Oct 2025

https://github.com/BansheeTech/NocturneShift-JS

A sleek JavaScript plugin for effortlessly toggling dark mode on your website, ensuring a smooth, session-persistent visual transition for an enhanced user experience.

dark dark-mode dark-theme darkmode

Last synced: 11 May 2025

https://github.com/aterenin/photos

A desktop app for the Google Photos website with dark mode support.

dark-mode desktop electron google photos

Last synced: 17 Mar 2025

https://github.com/opensourcetreasure/ai-tic-tac-toe

Tic tac toe on a simple html page with powerful AI, zero dependencies

ai ai-game dark-mode game html js tic-tac-toe

Last synced: 05 Feb 2026

https://github.com/Hoff97/vscode-os-theme

VS Code extension to keep your OS theme and VSCode theme in sync.

dark-mode vscode-extension

Last synced: 28 Sep 2025

https://github.com/gregnblack/kanso-protocol

Kanso Protocol — an open source design system for Angular, built on architectural consistency. Design tokens in W3C DTCG format serve as a single source of truth for both Figma and code. 簡素 — simplicity through elimination of excess.

accessibility angular component-library dark-mode design-system design-tokens figma figma-community mit-license open-source storybook tabler-icons typescript w3c-dtcg

Last synced: 18 May 2026

https://github.com/theel0ja/dark-theme-on-web

Guide for dark theme on web

dark-mode dark-theme web

Last synced: 20 Mar 2026

https://github.com/niclasvaneyk/dark-mode-daemon

😈 Run scripts when the system color scheme changes between light and dark.

dark-mode shell-scripting terminal

Last synced: 18 May 2026

https://github.com/zakali22/github-battle-v2

A React app that fetches repos of popular language repos on github and battles github users

code-splitting dark-mode react-hooks react-router-v4 reactjs

Last synced: 06 May 2026

https://github.com/md-emon-hasan/dark-mode-with-toggle-button

🌙 Dark and light mode toggle feature with smooth transitions and persistent theme preferences using localStorage. Adapting to different lighting condition

dark-mode dark-theme light-theme theme-switcher theme-ui toggle-buttons toggle-switches

Last synced: 05 Apr 2025

https://github.com/nbolar/darko

Switch the appearance of macOS theme.

dark-mode macos menubar

Last synced: 19 May 2026

https://github.com/mertozseven/cryptowatch

This app allows user to track current prices, market cap, price changes and see charts.

alamofire apple dark-mode ios-app kingfisher mvvm snapkit swift uikit

Last synced: 30 Mar 2025

https://github.com/hamidbyte/github-repository-lines-of-code-calculator

Simplify GitHub repository analysis with our Lines of Code Calculator. Quickly input the owner and repository name to obtain total lines of code, providing valuable insights for developers and project managers. Effortlessly streamline codebase assessments for enhanced efficiency.

axios dark-mode dark-theme frontend github-api light-dark-mode light-dark-theme lines-of-code node nodejs vite volar vue vue-router vue-router4 vue3 vuejs vuejs3 vuex

Last synced: 06 May 2026

https://github.com/lc-2025/theme-switcher

A theme style selector

dark-mode github-actions headlessui jest-testing light-mode npm-packages open-source react-component tailwind-css theme-swicther typescript ui-library

Last synced: 04 Apr 2026

https://github.com/tall1on/routeros-darkmode-extension

Chrome Browser Extension to bring Darkmode to Mikrotik RouterOS

dark dark-mode dark-theme darkmode extension extension-chrome extension-chromium extensions manifest manifest-v3

Last synced: 01 Nov 2025

https://github.com/dor-ka/frontend-vanilla-js-pomodoro-app

A simple and customizable Pomodoro Timer App built with Vanilla JavaScript and CSS (BEM). Includes sound feedback, dark mode, session presets, localStorage persistence, and responsive design.

bem css dark-mode html javascript localstorage pomodoro-app practice-project productivity responsive-design sound timer vanilla-js

Last synced: 09 May 2026

https://github.com/fzankl/ngx-themes-plus

Perfect Angular theme support in two lines of code. Support system preferences and any other themes. Integrated theme switcher.

angular dark-mode dark-theme theme-switcher themes

Last synced: 04 Apr 2026

https://github.com/roby8martin/starter-template

Il template HTML - PHP perfetto per iniziare un sito web

bootstrap bootstrap5 dark-mode php

Last synced: 06 May 2026

https://github.com/sanjayng125/movie-app-nextjs

Movie App with Next JS

dark-mode imdb imdbclone movieapp nextjs reactjs tailwindcss webdevelopment

Last synced: 05 Apr 2026

https://github.com/mobilerast/javascript-energy-consumption

EnergySaver.js is a lightweight, easy-to-integrate JavaScript library designed to provide real-time energy consumption estimates based on the theme (dark or light) used on a website. It visually represents the estimated energy savings of using a dark theme over a light theme, enhancing user awareness about energy-efficient practices

dark-mode dark-theme energy energy-consumption energy-efficiency javascript javascript-library javascript-vanilla js js-library library light-mode

Last synced: 09 Jun 2026

https://github.com/jmagly/markdown-editor

A modern markdown editor with live preview, syntax highlighting, LaTeX math support, and export to PDF/DOCX. Built with React, TypeScript, and Vite. Features dark mode, auto-save, and keyboard shortcuts.

client-side dark-mode docx-export editor katex latex-math live-preview markdown markdown-editor markdown-preview pdf-export react single-page-application syntax-highlighting tailwindcss typescript vite web-app zustand

Last synced: 07 Apr 2026

https://github.com/layered-ai-public/layered-ui-rails

An open source Rails 8+ engine built on Tailwind CSS, providing customisable WCAG 2.2 AA compliant design tokens, utility classes, and Stimulus controllers for theme switching, mobile navigation, slide-out panels, modals, and tabs. Integrates with the gems you already use (Devise, Pagy, Ransack).

accessibility dark-mode design-system design-tokens devise hotwire pagy rails rails-engine ransack responsive-design stimulus tailwindcss theming ui-components wcag

Last synced: 26 Apr 2026

https://github.com/truiteseche/bibmath-blackboard

A browser extension that transforms bibmath.net with a sleek dark theme and enhanced user interface for comfortable math learning and browsing.

dark-mode manifest-v3 ui ux webextension

Last synced: 20 May 2026

https://github.com/crisvegadev/jet-dark

A Laravel package that add dark theme to Jetstream

dark-mode dark-theme jetstream jetstream-laravel laravel laravel-package

Last synced: 10 May 2026

https://github.com/frckbrice/patrick-travel-service-app-mobile

Patrick Travel Services is a comprehensive immigration case management mobile application that enables clients to submit immigration cases, upload documents, communicate with advisors, and track their case progress in real-time.

andr chat dark-mode english expo firebase-auth firebaser french gdpr-compliant i18n i18n-react ios light-mode liveupdates oauh pushno react-native rest-a

Last synced: 05 Mar 2026

https://github.com/avgvstvs96/astro-fouc-killer

Eliminate Dark Mode FOUC (Flash Of Unstyled Content) in Astro. Works with class based dark modes set in local storage and supports system preference.

astro astro-integration dark-mode

Last synced: 05 Mar 2026

https://github.com/codypearce/christmas-mode

Forget Dark mode, use Christmas Mode

christmas dark-mode

Last synced: 26 Jan 2026

https://github.com/pixelforge-ui/pixelforge-ui

A bold, unapologetic React component library with brutalist design elements, accessibility-first approach, and comprehensive TypeScript support.

accessibility brutalist-design component-library css-variables dark-mode design-system design-tokens npm-package open-source react responsive-design storybook theming typescript ui-components

Last synced: 17 Aug 2025

https://github.com/joeansteinbock/crypto-price-tracker

Real-time cryptocurrency price tracker optimized for live streaming, broadcasting, and large displays. Features live charts, dark mode, and responsive design.

bitcoin blockchain broadcast coingecko-api crypto-tracker cryptocurrency dark-mode digital-signage ethereum framer-motion nextjs price-tracker react real-time streaming tailwindcss typescript

Last synced: 12 Apr 2026

https://github.com/pedrozadotdev/react-native-themed-stylesheet

Create React Native Named StyleSheets with support for Dark/Light/Auto Mode.

dark-mode dark-theme expo react-native react-native-appearance stylesheet theme theming

Last synced: 04 Mar 2026

https://github.com/davesimoes/landing_page_darktheme

Landing Page, com Dark-Theme, para cadastro de envio de artigos sobre programação

cadastro cadastro-de-pessoas css dark-mode dark-theme html html-css-js javascipt landing-pages

Last synced: 03 Jan 2026

https://github.com/lukasoppermann/figma-plugin-design-presets

Design presets for figma plugins with light & dark mode.

dark-mode design-system figma figma-plugins figmadesign presets

Last synced: 28 May 2026

https://github.com/templatecookie/varin-html

Varin - personal profolio vcard HTML template

api call callback css3 dark-mode dark-mode-toggle dynamic dynamic-blog html5 javascript portfolio portfolio-template responsive responsive-design sidebar sidebar-navigation vcard

Last synced: 12 Apr 2026

https://github.com/marcosklender/night.css

A classless framework for a perfect dark mode!

classless css-framework dark-mode lightningcss minified-css minimal

Last synced: 02 Mar 2026

https://github.com/code-jl/ye-old-weather-dashboard

A monotone weather dashboard that takes on the coder/techy aesthetic.

dark-mode nextjs react responsive-design tailwindcss typescript unit-conversion weather weather-api

Last synced: 06 May 2026

https://github.com/madisongosselin/madisongosselin.github.io

An updated (cooler) version of my personal website

dark-mode html-css-javascript personal-website web-development

Last synced: 19 Mar 2026

https://github.com/z1xus/dht22-webui

A simple and lightweight web-interface for monitoring temperature and humidity from your DHT22 sensor.

dark-mode dht22 flask lightweight mongodb raspberry-pi rpi sensor smarthome temperature webui

Last synced: 06 May 2026

https://github.com/pypyr/pypyr-docs

Documentation & product site theme for Hugo static website generator. Very configurable. Dark mode. Tree navigation. News & Updates. No bootstrap, no jquery.

css-grid dark-mode dark-theme documentation-theme documentation-website free html5 hugo hugo-theme open-source product-site responsive responsive-design static-site-generator tree-menu

Last synced: 19 Feb 2026

https://github.com/usamahacker0/mastereye

🔍 MasterEye - Advanced IP & Port Scanner

cybersecurity dark-mode ethical-hacking ip-scanner multi-threading network-security networking open-source penetration-testing port-scanner python-tool security-research

Last synced: 16 May 2026

https://github.com/runxel/dark-roam

Dark gruvboxy, but highly customizable theme for ROAMresearch

dark-mode dark-theme roam roamresearch stylish stylus usercss userstyle userstyles

Last synced: 19 Jul 2025

https://github.com/gustavoestevesr/lp-stranger-things-stepper-form-angular

Desenvolvimento de uma landing page temático da série Stranger Things utilizando o Angular .Nesse projeto foi aplicado conceitos avançados de SCSS para design da página. Bem como o toggle do tema light mode e dark mode de toda a página com a semântica da série.

angular animation-css components dark-mode data-binding defer html lazy-loading ngoptimizedimage scss typescript

Last synced: 12 Apr 2026

https://github.com/adhamu/skeleton

A simple React Hello World skeleton

dark-mode eslint jest prettier react scss stylelint testing-library typescript vite

Last synced: 14 Feb 2026

https://github.com/heydayle/animation-use-windicss-and-scss

A page I using for upgrade the ability to use animations

animations dark-mode kinesis light-mode scss vuejs windicss

Last synced: 28 Feb 2026

https://github.com/mitinull/perfect-darkmode-nextjs-mui

Perfect light/dark theme with MUI and Next.js (App Router) (No flickering) (+Adding Fonts) (+Switching Images) (+Tutorial)

css-theme-variables dark dark-mode dark-theme darkmode font fonts google-fonts images material-ui mui next next14 nextjs switch-image switch-images switch-theme switch-theme-button theme themes

Last synced: 13 Feb 2026

https://github.com/skyv26/huddle-landing-page-block

Huddle's sleek landing page offers seamless team collaboration, providing tools for effortless communication and productivity.

context-api dark-mode local-storage mobile-first react react-hooks reactjs responsive responsive-design responsive-web-design vite vite-react

Last synced: 06 May 2026

https://github.com/956mb/website

My portfolio. Made with React/Next.js/Tailwind.

bun dark-mode info nextjs portfolio projects react showcase tailwindcss website

Last synced: 07 May 2025

https://github.com/mrmendoza-dev/dark-mode-tailwindcss

Quick demo to add dark mode using a Vite React app using Tailwind CSS

dark-mode dark-theme react tailwindcss vite

Last synced: 10 Apr 2026

https://github.com/0xleif/xcolor

xColorBook.xColorBookPages.xColors

dark-mode swift uicolor uikit

Last synced: 26 Jun 2025

https://github.com/somenath203/my-portfolio-project

Click below to checkout the website live

antd dark-mode portfolio-website react reactjs tailwindcss

Last synced: 20 Apr 2026

https://github.com/kaihotz/kai-ui

A design system composed out of custom react components, supporting dark and light mode

css-variables dark-mode dark-theme design-system react react-components scss-styles storybook

Last synced: 13 Apr 2026

https://github.com/shatha790/responsive-card

Responsive-Card

card dark-mode profile responsive-website

Last synced: 19 Mar 2026

https://github.com/matrixrex/list-dock

A sleek beautiful Chrome Extension for managing your tasks directly in the side panel

browser-extension chrome-extension dark-mode framer-motion modern-ui offline productivity react side-panel sidebar tailwindcss-v4 task-manager todo-list typescript vite zustand

Last synced: 15 Jun 2026

https://github.com/chrisnajman/sticky-nav-page-anchor-links

Page navigation via anchor links in fixed nav. No set height required on the nav.

css-imports css-nesting dark-mode es6-modules html-css-javascript intersection-observer resize-observer sticky-navigation-bar svg-icons

Last synced: 09 Feb 2026

https://github.com/prabhsingh20/haven

Experience seamless hotel management with Haven, the internal application tailored exclusively for authenticated staff at a small boutique hotel.

authentication charts dark-mode react-query reactjs styled-components supabase ui-design

Last synced: 13 Apr 2026

https://github.com/ayushmaninbox/dark-mode

Welcome to the Mode Switching Website.

dark-mode dark-theme

Last synced: 11 Jun 2025

https://github.com/andrewjbateman/angular-material-darkmode

:clipboard: Weather API search with dark mode toggle

angular angular-material angular16 dark-mode html5 rxjs rxjs7 weather-api

Last synced: 10 May 2026

https://github.com/douglascarlos-dev/fim-do-almoco

Aplicativo Web para calcular o horário de almoço. No seu desenvolvimento foi utilizado HTML, CSS, JavaScript, jQuery, Bootstrap, Dark Mode e Figma

bootstrap css dark-mode figma html javascript jquery

Last synced: 12 Apr 2026

https://github.com/cool-dev-code/google-translate-dark-theme

Dark Theme for Google Translate

css dark-mode dark-theme google-translate theme

Last synced: 10 Aug 2025

https://github.com/humphreyboagart/dotfiles

Configuration files for my custom Sway+Waybar environment in Linux, so you can replicate it yourself.

bash bemenu dark-mode dark-theme linux linux-desktop linux-shell sakura sway sway-config swaywm terminal waybar waybar-config waybar-minimal waybar-theme waybar-themes wayland wofi

Last synced: 17 Mar 2026

https://github.com/anton-karlovskiy/bitcoin-fork-explorer

React frontend prototype with scalable architecture, CSS modules, dark mode, and Ethereum integration — optimized for performance and clean developer experience.

anton-prototype bitcoin css-modules dapp dark-mode developer-experience eslint ethereum frontend husky interview-assignment lint-staged performance-optimization project-setup react react-router state-management web-development web3

Last synced: 13 Apr 2026

https://github.com/lucaswanderosck/login-form

dark-mode frontend javascript login-forms nodejs react react-router styled-components typescript

Last synced: 15 Apr 2026

https://github.com/carloseduardolemos/site-portifolio

Apresento-lhe a minha URL personalizada, o meu cartão de visitas online. Com esta simples e breve página, sou capaz de transmitir todas as informações essenciais sobre mim e a minha atividade de forma eficiente e profissional.

css3 dark-mode dark-theme html-css html-css-javascript html5 javascript rocketseat vitrinedev

Last synced: 08 May 2026

https://github.com/dinesh2510/dark-and-light-theme-in-jetpack-compose

Android application built with Kotlin and Jetpack Compose that shows how to switch theme between light and dark mode.

dark-mode dark-theme jetpack-android jetpack-compose jetpack-compose-dark-mode jetpack-compose-ui jetpack-navigation jetpackcompose lighttheme materal-ui material-design

Last synced: 26 Mar 2025

https://github.com/aggarwal-h/bulma-darkify

Your Bulma project, now with customizable dark-mode support.

bulma customizable dark-mode

Last synced: 29 Jan 2026

https://github.com/izaiasmorais/next-themes

Uma aplicação simples para testar a biblioteca next-themes, que facilita a implementação do Modo escuro persistente em aplicações Next.

dark-mode dark-theme next next-themes tailwindcss

Last synced: 13 Apr 2026

https://github.com/quantumcoderrr/calcuverse

🧮 A powerful and aesthetic Python-based scientific calculator with dual-mode functionality, dark theme, and intelligent features. Built using Tkinter, tailored for tech enthusiasts.

calculator dark-mode desktop-application gui-application python scientific tkinter

Last synced: 10 Apr 2025

https://github.com/msadeqsirjani/digital-clock

A minimalist, responsive digital clock application built with React, TypeScript, and TailwindCSS. Features clean design, customizable display options, and cross-browser compatibility. Perfect for desktop and mobile viewing with dark/light mode support.

dark-mode digital-clock light-mode minimalist-ui react responsive-design tailwindcss time-display typescript vite web-application

Last synced: 09 Apr 2026

https://github.com/react-declarative/react-declarative-mantine

The mantine ui kit bindings for react-declarative

dark-mode dark-theme declarative hooks mantine react typescript uikit

Last synced: 04 Aug 2025

https://github.com/willie-conway/portfolio-website

Welcome to the source code for my personal website! 🚀 Built to showcase my projects, blog posts 📝, and a bit about me 👨‍💻. Made with 💡 passion, 📚 curiosity, and a touch of ✨ creativity.

css dark-mode html5 javascript porfolio-website tailwindcss

Last synced: 07 Jul 2025

https://github.com/ndlabdev/sv5ui

Svelte 5 UI library — 38+ typed components, Tailwind CSS 4, dark mode, accessible

accessible bits-ui dark-mode design-system svelte5 tailwindcss typescript ui-library

Last synced: 06 Apr 2026

https://github.com/olefirenko/hook-dark-mode

React custom hook to handle dark mode based on user system appearence theme and localStorage.

dark-mode prefers-color-scheme react react-hooks

Last synced: 12 Apr 2026

https://github.com/therohantomar/therohantomar-portfolio

custom-hook daisyui-react dark-mode iframe javascript portfolio-website react-portfolio reactjs tailwindcss usedefaultmode

Last synced: 13 Apr 2026

https://github.com/arnobt78/store-next-beta--nextjs

A beautifully designed, high-performance e-commerce platform built with Next.js, Prisma, Supabase, Clerk authentication, Stripe payments, and shadcn/ui. Store Next offers a seamless online shopping experience with fast checkout, secure payments, and a curated selection of products.

admin-dashboard cart clerk-authentication dark-mode ecommerce-website favorites nextjs orders prisma-orm product-management responsive-design reviews seo-optimized shadcn-ui shopping-website stripe-payments supabase tailwindcss typescript vercel-deployment

Last synced: 17 Jun 2025

https://github.com/ahmedalsanadi/movie-streaming-app

A feature-rich movie streaming app built with Next.js, React, and Tailwind CSS. Includes advanced search, personalized watchlists, multi-language support, and Firebase authentication

authentication dark-mode firebase i18n movie-streaming-app multi-language nextjs react server-side-rendering tailwind-css tmdb-api

Last synced: 16 Mar 2026

https://github.com/parthur006/my-personal-portfolio

Portfólio pessoal interativo (SPA) construído com React, com tema dinâmico (Light/Dark), animações e fundo interativo com Particles.js. Vitrine dos meus projetos em Front-end, Back-end e Game Development.

css3 dark-mode front-end html5 javascipt light-mode particles-js personal-website portfolio react react-router responsive-design software-engineering-student spa tsparticles

Last synced: 05 Jan 2026

https://github.com/maelacudini/payloadmanualsetup

Payload Manual Setup

cms dark-mode i18n javascript mongo mongodb mongoose next next-intl node payload payloadcms react sass scss sharp theme

Last synced: 10 Apr 2026

https://github.com/tokhy1/shopsy-ecommerce-design

Shopsy is a modern and responsive e-commerce website built with the latest web technologies. This project showcases a sleek design, smooth user interactions, and a seamless shopping experience.

aos aos-animation dark-mode design front-end front-end-development jsx programming react-icons react-slick reactjs responsive-design tailwind-css vite website

Last synced: 09 Apr 2026

https://github.com/xbaysal11/thdark

:art: Theme for Google Chrome

dark dark-mode dark-theme google-chrome google-chrome-extension google-chrome-theme theme themes

Last synced: 08 May 2026

https://github.com/turnoffthelights/turn-off-the-lights-yandex-extension

Yandex extension

accessibility browser-extension css dark-mode dark-theme darkmode eye-care html javascript night-mode nightmode turnoffthelights yandex yandex-extension

Last synced: 13 Sep 2025

https://github.com/mahmoud-alaa1/the-wild-oasis

Hotel management app - full-featured React web application that allows hotel employees to manage cabins, bookings, and guests.

compound-components dark-mode dashboard react react-hook-form react-query recharts-js styled-components supabase

Last synced: 07 May 2026

https://github.com/xbaysal11/xdz

:art: Theme for VSCode

dark dark-mode dark-theme theme themes visual-studio-code vscode vscode-extension vscode-theme

Last synced: 31 May 2026

https://github.com/ninjainshade/todo

Full stack todo app with dark/light theme + Drag n' Drop!

dark-mode drag-and-drop node nodejs react reactjs todoapp todolist

Last synced: 07 May 2026

https://github.com/jezebel1990/city-skyline

A web page project showcasing a dynamic city skyline scene, complete with dark mode support.

css dark-mode html

Last synced: 15 May 2026

https://github.com/nwachiii/bitmama

chakra-ui-react dark-mode light-mode react-icons react-idle-timer react-router-v6 reactjs

Last synced: 24 Jun 2025

https://github.com/abdulrahmans0414/themeswitcher

ThemeSwitchr is Built with React, Tailwind CSS, and Framer Motion, this project showcases modern web development practices, including context API for state management and smooth animations for an enhanced user experience.

context-api dark-mode framer-motion frontend light-mode react react-hooks tailwindcss theming web-development

Last synced: 24 Oct 2025

https://github.com/chrisnajman/filter-items

Filter items by category.

css-imports css-nesting dark-mode es6-modules html-css-javascript intersection-observer-api lazy-loading startviewtransition-api

Last synced: 12 Jun 2025

https://github.com/thesakshijaiswal/nextjs15-dark-light-mode

Pure, dependency-free implementation of light/dark mode toggle in Next.js 15 with Tailwind CSS 4.1, featuring SSR-safe persistence and zero flicker.

dark-mode dark-theme next-dark-mode nextjs nextjs15 react theme-toggle themes

Last synced: 07 May 2026

https://github.com/varuntv97/my-portfolio

A modern portfolio website built with Next.js and TypeScript, showcasing projects, skills, and professional experience with a minimalist design and dark mode support.

dark-mode frontend minimalist-design nextjs personal-website portfolio tailwindcss typescript