Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

Dark Mode

A light-on-dark color scheme —also called black mode, dark mode, dark theme, night mode, or lights-out — is a color scheme that uses light-colored text, icons, and graphical user interface elements on a dark background. It is often discussed in terms of computer user interface design and web design.

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/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/eljuliodev/mymediahub

Plataforma de gestión multimedia híbrida con Django e ImageKit.io. Incluye almacenamiento en la nube, optimización inteligente de imágenes (Blur-up/Lazy load), streaming de video y una interfaz PWA estilo Google Photos.

bootstrap5 cloud-storage dark-mode django fullstack gallery google-photos-clone image-optimization imagekit lazy-loading media-manager mysql pwa python web-app

Last synced: 08 Jan 2026

https://github.com/misakakuroko/principle-deepdive-html-style

A reusable visual recipe for single-file analytical HTML articles - agent skill for Claude Code and Cursor. Dark/light theme, inline SVG diagrams, zero external dependencies, under 300KB.

agent-skill anthropic-skill claude-code cursor-skill dark-mode deepdive html-template offline-first single-file technical-documentation

Last synced: 30 May 2026

https://github.com/itsabdessalam/is-night-mode

🌓 Check if is night mode based on current time or localStorage item or OS theme

dark dark-mode dark-theme javascript night night-mode package

Last synced: 06 Jul 2025

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/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/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/lanxuexing/ng-laydate

📅 极简、强大、高颜值的 Angular 18+ 日期时间选择器 / A minimalist, premium Date & Time Picker for Angular 18+, built with Signals.

angular calendar dark-mode datepicker laydate modern-ui ng-laydate signals timepicker ui-library

Last synced: 19 Jan 2026

https://github.com/icorbrey/clarity-noir

A clear, crisp dark theme for pleasant viewing in sunlight.

dark-mode legibility theme visual-studio-code

Last synced: 29 Oct 2025

https://github.com/valentinmadiot/fruit-shop_ui

Landing page responsive d’un magasin de fruits bio, avec design fruité, dark-mode, animations ScrollReveal, navigation dynamique. Pensée mobile-first, moderne et immersive.

animated-ui css3 dark-mode design email-subscription fruit-store html5 javascript landing-page landing-pages light-theme mobile-navigation organic-products remix-icons responsive-design reveal-js scroll-animation scrollreveal-js svg-images theme-toggle

Last synced: 13 Apr 2026

https://github.com/tmkx/tailwind-bicolor

Auto handle tailwind dark mode color

dark dark-mode dark-theme tailwind tailwindcss tailwindcss-plugin

Last synced: 22 Jan 2026

https://github.com/fredygerman/nextjs13-tailwind-typescript-darkmode-starter

Nextjs13 Tailwind Typescript darkmode starter

dark-mode dark-theme

Last synced: 25 Oct 2025

https://github.com/the0cp/fcitx5-dark

A simple dark theme for fcitx5

dark-mode dark-theme fcitx5 fcitx5-skin fcitx5-theme

Last synced: 06 Feb 2026

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/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/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/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/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/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/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/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/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/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/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/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/dirnbauer/typo3-records-list-types

Grid, Compact, Teaser, and custom view modes for the TYPO3 v14 backend Records module. Card layouts with thumbnails, drag-and-drop reordering, dark mode, and zero-PHP extensibility via TSconfig + Fluid templates.

accessibility backend dark-mode drag-and-drop grid-view list-view typo3 typo3-extension typo3-v14 wcag

Last synced: 20 Apr 2026

https://github.com/0xcadams/ssr-themes

SSR-safe dark mode and theming for TanStack Start, Next.js, and more

dark-mode nextjs nuxt react solidjs ssr tailwindcss tanstack-start theming

Last synced: 20 Apr 2026

https://github.com/ndenicolais/darkmode

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

android compose dark-mode dark-theme jetpack-compose kotlin

Last synced: 27 Apr 2026

https://github.com/rythenglyth/darkmodeextension

simple extension that allows you to toggle dark mode on any website using the `invert` css filter

chrome-extension chromium-extension cssfilter dark dark-mode dark-theme darkmode extension-chrome

Last synced: 27 Apr 2026

https://github.com/izaiasmorais/dtmoney

Projeto desenvolvido no terceiro módulo da trilha de ReactJS 2022 do curso Ignite da Rocketseat.

chakraui dark-mode finances finances-manager ignite ignite-2021 money-tracker nextjs typescript

Last synced: 28 Apr 2026

https://github.com/codewithalamin/results-summary-component

Completed a FrontendMentor challenge building a responsive web page with a dark mode toggle feature using HTML, CSS, and JavaScript.

codepapa360 codewithalamin css3 dark-mode frontend frontend-development frontend-mentor-challenge html javascript responsive-web-design sass web-development

Last synced: 28 Apr 2026

https://github.com/filipjarolim/create-filip-app

Modern Next.js 15+ starter with Tailwind CSS v4, shadcn/ui components, and TypeScript

boilerplate cli dark-mode nextjs responsive-design shadcn-ui starter tailwindcss template typescript

Last synced: 30 Apr 2026

https://github.com/r4sky0/sphinx-lumina-theme

A modern Sphinx documentation theme built with Tailwind CSS and Alpine.js

alpinejs dark-mode documentation python sphinx sphinx-theme tailwindcss

Last synced: 01 May 2026

https://github.com/awaiszahid331/textgenius

TextUtils is a simple yet powerful web application developed with React.js. It provides a suite of text utilities to help users analyze and manipulate their text data effectively. It includes features like counting uppercase and lowercase words, calculating the character length of the text, and a dark mode for a better user experience.

dark-mode javascript reactjs text-utils webdevelopment website

Last synced: 01 May 2026

https://github.com/mikixit/google-translate-dark

[EXTENSION] FREE and ADS FREE Google Translate Dark Mode for Chrome-Engine-based Browsers.

chrome chrome-extension dark dark-mode dark-theme extension extension-chrome google googletranslate googletraslatedarkmode

Last synced: 01 May 2026

https://github.com/playfaster/very-dark-black-ha-theme

🟪 ⬛ A very dark black theme for Home Assistant ⬛ 🟦

dark-mode dark-theme hacs hacs-theme home-assistant lovelace lovelace-theme theme

Last synced: 02 May 2026

https://github.com/vkondi/everyday-ai

AI-powered productivity suite featuring Smart Email Assistant, Travel Planner, and News Digest. Built with Next.js, TypeScript, and DeepSeek AI for intelligent daily task automation.

ai dark-mode deepseek-api email-assistant flask-api news-digest nextjs productivity python responsive tailwindcss travel-planner vercel

Last synced: 02 May 2026

https://github.com/vstorm-co/astro-blog

Astro 6 blog template with built-in browser admin panel. Write & publish MDX posts without touching a text editor. 100/100 Lighthouse. Zero JS on reading pages.

admin-panel astro astro-blog blog blog-template dark-mode lighthouse markdown mdx react ssg static-site-generator tailwindcss typescript vercel vstorm

Last synced: 02 May 2026

https://github.com/bit-barron/cryptotracker

CryptoTracker: A real-time crypto market tracking tool for prices and trends.

altcoins bitcoin blockchain coingecko-api cryptocurrency dark-mode market-data price-tracking-system

Last synced: 03 May 2026

https://github.com/mosnad-web01/ahmed-al-sanadi-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 i18next multi-language next react server-side-rendering tailwindcss tmdb-api

Last synced: 04 May 2026

https://github.com/rfkyalf/dark-mode-toggle

Dark mode toggle implementation using nextjs and next theme

dark dark-mode dark-theme next-themes nextjs theme-switcher

Last synced: 04 May 2026

https://github.com/habibiahmada/portofolio

Responsive personal portfolio website showcasing experiences, projects, skills, and achievements with modern features and secure contact options.

dark-mode nextintl nextjs personal-portfolio personal-site personal-website portfolio portfolio-page portfolio-site portfolio-website theme website

Last synced: 05 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/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/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/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/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/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/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/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/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/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/bifenzine/translingo-multilingual-sound-mapping

TransLingo is a React and Chakra UI-based web application that allows users to compare and map sounds between different languages. Built with Node.js, Express.js, and SQL, it provides an interactive platform for linguistic analysis and translation studies.

chakra-ui dark-mode express languages nodejs react sql

Last synced: 09 May 2026

https://github.com/rehan-adi/freeapihub

FreeApiHub is an open-source platform that makes it easy to use different free APIs. It's made for developers and helps you add external data to your apps without needing to log in. You can access various APIs for user data, jokes, quotes, books, and products to improve your projects easily.

cronjob cronjob-scheduler dark-mode express express-rate-limit nextra postgresql prisma shadcn-ui swagger

Last synced: 09 May 2026

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/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/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/jill64/svelte-device-theme

☯ A simple store that syncs with your device's theme settings

dark-mode device library media svelte theme

Last synced: 23 Apr 2025

https://github.com/prince9871/newsletter

Nex Newsletter is a fully responsive website built with Chakra UI, featuring light and dark modes. It leverages React Query for efficient data fetching and integrates with an open-source news API for searching and displaying news articles.

chakra-ui dark-mode newsapi react react-query react-query-devtools vite

Last synced: 13 Apr 2026

https://github.com/howbizarre/vue-month-calendar

NPM package to draws a given month with its days using base on Vue 3, Tailwindcss and Typescript.

calendar component dark-mode date javascript month node tailwindcss typescript vue vue3 vuejs

Last synced: 13 Apr 2026

https://github.com/iambenkis/shiny-agency

Experience unmatched user satisfaction with Shiny Agency. Utilizing React and Tailwind, our platform ensures seamless developer matching for your project needs. Enjoy an intuitive interface and exceptional user experience, making your developer selection process efficient and hassle-free.

api-rest dark-mode reactjs state-management

Last synced: 13 Apr 2026

https://github.com/noobmaster432/the-illuminate

A Real-Time News Application built with Next.js 13 and Tailwind CSS featuring dynamic and static data handling, dark mode, searching capabilities, use of Server components, new App folder structure, dynamic page routing, pulling data from MediaStack News API, using Stepzen to launch a GraphQL interface and using TypeScript for fewer bugs and errors

app-folder-structure dark-mode dynamic-page-routing graphql mediastack nextjs13 stepzen tailwindcss typescript

Last synced: 04 May 2026

https://github.com/ahmadnzr/portfolio-2

Single page portfolio using reactJs, this is just a portfolio template, not my real portfolio

dark-mode portfolio-website reactjs responsive

Last synced: 11 Apr 2026

https://github.com/logan-larson/tailwind-light-dark

A Tailwind CSS plugin that generates shorthand utilities for light and dark mode color pairs

dark-mode tailwindcss

Last synced: 23 Mar 2025

https://github.com/dliammc/custompyqt

A modern and customizable python GUI interface library built from the PySide6 library

custom dark-mode dark-theme linux modern modern-ui pyside6 python python-ui ui-design user-interface windows windows-11

Last synced: 29 Jun 2025

https://github.com/sebitas71133/translatorzen

TranslatorZen es una aplicación web moderna para traducción inteligente entre inglés y español. Integra la API de Gemini AI para ofrecer traducciones y un generador de respuestas conversacionales. Incluye soporte para favoritos, autenticación con Google, diseño responsive, modo oscuro y almacenamiento en Firebase sin necesidad de backend

dark-mode firebase firestore gemini-api google-auth mui-material react redux-toolkit translation vite

Last synced: 24 Apr 2026

https://github.com/bw-ui/bw-datepicker

🗓️ Lightweight, zero-dependency datepicker with modular plugin architecture. ~27.3KB core, dark mode, keyboard navigation, mobile gestures.

accessible calendar dark-mode date-picker datepicker javascript lightweight mobile-friendly npm-package plugin-system typescript ui-component vanilla-js zero-dependencies

Last synced: 13 Jan 2026

https://github.com/amargiovanni/sexyjekyll-theme

A modern, feature-rich Jekyll theme with dark mode, accessibility, and advanced features

accessibility blog-theme dark-mode jekyll jekyll-theme portfolio-theme responsive-design seo

Last synced: 20 Jan 2026

https://github.com/tx3stn/nightjungle.nvim

A dark and green Neovim colorscheme with pops of color.

color-scheme colorscheme dark-mode green neovim

Last synced: 12 Mar 2026

https://github.com/egamovj/admin

AsmrProg YouTube channel tutorial

css3 dark-mode flexbox-css grid html5 javascript lightmode

Last synced: 10 Apr 2026

https://github.com/haruki1707/themetoggler

A webpage with examples and code of how a Dark Theme Toggler can be done

dark-mode theme-toggler

Last synced: 04 Jan 2026

https://github.com/navneeth31/portfolio_website

This project is a personal portfolio website designed to showcase your skills, projects, and experience as a developer. Built with React, TypeScript, and Tailwind CSS, it features a modern, responsive design with smooth animations, dark/light mode, and interactive UI components. The site is optimized for performance and accessibility.

dark-mode personal-website portfolio portfolio-website react responsive-design tailwindcss typescript

Last synced: 04 May 2026

https://github.com/anibalventura/coin-check

Cryptocurrency price checker, build with UIKit and MVC + Delegate pattern.

coinapi cryptocurrencies cryptocurrency-exchanges dark-mode delegate-pattern ios ios-app mvc-pattern swift uikit xcode

Last synced: 06 Jul 2025

https://github.com/buddhirangana/dark-mode-toggle

Dark Mode Toggle develop using JavaScript

dark-mode dark-mode-switcher dark-mode-toggle

Last synced: 30 Mar 2025

https://github.com/aaditya-dubey09/frontend-battle

🎨 Pixel-perfect, responsive frontend built for a 4-hour design challenge. Includes dark mode, loader, animations, and advanced UI/UX features using React, Vite, and Tailwind.

dark-mode design-challenge framer-motion frontend hackathon-project loader luicide-icons react responsive-design tailwi ui-components vercel vite web-animations

Last synced: 10 Apr 2026

https://github.com/blaz-cerpnjak/flutter-posts-app

📰 This is a simple posts app with implemented Auto Route library for navigation and remote API calls.

api app auto-route auto-router custom-theme dark-mode dark-theme flutter library mobile posts pull-to-refresh pull-to-refresh-and-load requests users

Last synced: 20 May 2026

https://github.com/blaz-cerpnjak/flutter-todo-app

📅 Todo App made using Flutter, Dart and Hive database. ⚡🌟

app dark-mode dark-theme dart database design flutter hive hive-flutter mobile navigation navigator routing todo todo-app

Last synced: 16 Apr 2026

https://github.com/ognus/tomekkolasa.com

Source code for my personal blog https://tomekkolasa.com. Build with Gatsby, React, and CSS-in-JS.

blog dark-mode emotionjs gatsbyjs personal-website reactjs

Last synced: 08 Jan 2026

https://github.com/vishalgupta8982/explorify

Explorify: Discover, explore, and connect with Firebase-powered app

asyncstorage authentication dark-mode firebase native-base phone react-native skeleton-loading

Last synced: 13 Apr 2026

https://github.com/luizrebelatto/loginrestyle

Login screen with darkmode and using restyle for the application's stylizations

dark-mode dark-theme light-theme login react-native restyle typescript

Last synced: 05 May 2026

Dark Mode Awesome Lists
vue-composable-utils 35
Dark Mode Categories
:rocket: Composable Utils 16 :books: Documentation 1