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/adarshpheonix2810/3d-portfolio-website

Modern portfolio website showcasing my work, skills, and projects. Built with TailwindCSS and JavaScript libraries for interactivity, featuring a responsive design with dark mode support.

dark-mode javascript matterjs portfolio responsive-design swiper tailwindcss web-development

Last synced: 26 Apr 2026

https://github.com/theemperorofdaiviet/bnb-listing.ts

A simple app that surfaces a single web page responsible for displaying a list of listings, built with Vue's Composition API, rewritten by TypeScript.

bulma composition-api css3 dark-mode expressjs html5 javascript listings nodejs notifications provide-inject reactive typescript vue3 vuejs

Last synced: 07 Jan 2026

https://github.com/ahmeddev00/full-stack-social-media-website

This project is a full-stack social media web application that has been developed using the MERN stack and Rest API, This is social media platform where you can share posts, react to posts, comments on posts, follow users and more.

axios cookies css dark-mode expressjs html jwt-authentication mysql-database nodejs react react-query responsive-design rest-api

Last synced: 07 Jan 2026

https://github.com/seif-ihab/animated-to-do-list

A beautifully styled to-do list web app with light/dark mode, animated task transitions, task filtering, and localStorage support. Built with HTML, Tailwind CSS, and vanilla JavaScript.

dark-mode html5 localstorage tailwindcss todo-list vanilla-javascript

Last synced: 17 May 2026

https://github.com/lullaby6/noty-svelte

Svelte Web App - A notes web app inspired in "Google Keep".

dark-mode dark-theme front-end frontend javascript notes notes-app svelte tailwind tailwind-css tailwindcss

Last synced: 20 Mar 2025

https://github.com/heikkivihersalo/website-dark-mode

Example files for adding dark-mode functionalities to your website

dark-mode dark-theme webdevelopment

Last synced: 09 Sep 2025

https://github.com/iwatanikenji/data-structure-page

College project based on a created prototype implemented with React

dark-mode data-structure mui responsive-design utfpr

Last synced: 09 Jul 2025

https://github.com/lyaricci/rocketseat-rocket-links-react

Desafio da Rocketseat sobre uma página de links (versão em React JS)

dark-mode react reactjs

Last synced: 16 May 2026

https://github.com/babanigit/react-tailwind-darkmod

"I implemented a feature to toggle between dark and light mode using React states in my project. This functionality enhances user experience by allowing them to customize the appearance of the application according to their preferences."

dark dark-mode darkmo react

Last synced: 16 May 2026

https://github.com/mwaurajr/tailwind_darkmode

A simple project to show how to add dark mode toggle to your rails app.

dark-mode postgresql rails7 ruby tailwindcss

Last synced: 20 Jan 2026

https://github.com/rickreisdev/LoginFormDarkLight

Formulário de login com modo escuro. Inspirado no vídeo da Larissa Kich.

css dark-mode flexbox html javascript login login-form login-page rickreis rickreisme

Last synced: 06 May 2025

https://github.com/zhrispineda/nightkhanacademy

Safari extension to give Khan Academy dark mode

dark-mode dark-theme khan-academy khanacademy safari safari-extension

Last synced: 09 Sep 2025

https://github.com/bladesheng/new-movues

Website for tracking new new movies and TV shows

dark-mode primevue tailwindcss tmdb vue

Last synced: 07 May 2025

https://github.com/jmini00/projet_bart

Projet "Bart" : petit projet de réalisation et mise en place d'évènements sur clavier et écriture à l'écran, mise en place d'un "dark-mode"

dark-mode html-css-javascript

Last synced: 20 Jun 2025

https://github.com/udontur/leetcode-dark-fix

🌑 Brings dark mode to LeetCode's home page, explore page, and settings page

dark-mode leetcode userscript

Last synced: 28 Apr 2026

https://github.com/rastereo/webletter-front

A web application for browsing a catalog of ready-made HTML emails.

dark-mode email fsd html html-emails letters react typescript vite

Last synced: 16 May 2026

https://github.com/henriquetourinho/markdown-brasil

Markdown Brasil é um editor de Markdown 100% gratuito, de código aberto e desenvolvido no Brasil. Criado com foco em performance, acessibilidade e simplicidade, ele roda direto no navegador — sem depender de Electron, extensões ou backends fechados.

browser-based clean-ui code-editor dark-mode developer-tools documentation-tools editor free-software front-end lightweight markdown markdown-editor open-source privacy-friendly real-time-preview vanilla-js web-app

Last synced: 12 Jul 2025

https://github.com/the-ajay-panigrahi/lexicon

Lexicon is a powerful word memorization app designed to help you embark on a 365-day vocabulary challenge. It utilizes a spaced repetition algorithm to optimize memory retention, combines learning with gamification, and ensures local data persistence, making the journey of building an advanced English vocabulary engaging and effective

dark-mode framer-motion localstorage motion reactjs tailwindcss vite

Last synced: 08 Apr 2026

https://github.com/59de44955ebd/notepatch

Small and simple clone of Windows Notepad with a few fixes and enhancements

dark-mode dark-theme notepad simple windows windows-10 windows-11

Last synced: 17 May 2026

https://github.com/nishatrhythm/responsive-portfolio-with-dark-light-mode

Simple responsive portfolio website with dark mode support using HTML, CSS and JavaScript.

css dark-mode html javascript portfolio

Last synced: 20 Jul 2025

https://github.com/arcticaxi/thegreatermischief

A quirky gallery with iconic rats from popular movies. Built with Astro and React components, featuring optimized images and a dark mode toogle.

astro dark-mode frontend gallery image-gallery react

Last synced: 07 May 2026

https://github.com/haydenk/lynko

Hugo module that adds a polished, zero-JS linktree-style /links page to any Hugo site — auto light/dark mode, 25+ SVG icons, and a single CSS variable to theme it.

css dark-mode hugo hugo-module hugo-theme link-page linktree no-javascript static-site svg-icons

Last synced: 07 Mar 2026

https://github.com/fsl-04/dark-mode

Exercício de demonstração da biblioteca bootstrap e font-aweson

bootstrap dark-mode font-awesome

Last synced: 30 Oct 2025

https://github.com/vedatakcan/githubrepoviewer

The Android application that lists Github repositories by entering a username has been developed using Hilt, MVVM, and Jetpack Navigation.

api dark-mode hilt mvvm navigation

Last synced: 13 Mar 2025

https://github.com/codzhorizon/todo-list-app

Todo List App (TodoER) made using react , vite And Tailwind CSS

dark-mode javascript localstorage react react-router responsive-ui tailwind todo-list-app vite webdev

Last synced: 11 Apr 2026

https://github.com/lfenzo/vim-fusion

Dark colorscheme for Vim/NeoVim with (a few) language-specific syntax highlightings.

colorscheme dark-mode dark-theme neovim vim vim-fusion

Last synced: 18 May 2026

https://github.com/azael1412/google-redesigned

Recreando el diseño de Google-Browser (Redesigned)

css3 dark-mode flexbox html5

Last synced: 18 May 2026

https://github.com/ernark546/snapstudy

⏱️ Calculate video playback durations effortlessly with SnapStudy, featuring real-time updates and smart speed recommendations for optimal viewing.

bootstrap dark-mode education front-end javascript jquery learning-tools playback-speed productivity responsive-design time-calculator video video-player

Last synced: 07 May 2026

https://github.com/danialeyz/spa-app

This is a single page application (SPA) project made with DaisyUI and TailwindCSS, two CSS frameworks that offer multiple themes and interactive features.

daisyui dark-mode single-page-app single-page-applications spa tailwindcss theme vanilla-javascript

Last synced: 27 Apr 2026

https://github.com/udaygiri/calculator

Welcome to the Python Calculator project! 🎉 This is a simple yet powerful calculator application built using Python 🐍 and the Tkinter library. It features a sleek, user-friendly interface and supports basic arithmetic operations ➕➖✖️➗, as well as advanced functionalities like square root √ and percentage calculations 💯.

calculator calculator-app calculator-application dark-mode dark-theme projects python theme-switcher tkinter tkinter-gui white

Last synced: 21 Mar 2025

https://github.com/mia-cx/tailwindcss-themes

TailwindCSS plugin for theming. Supports configurable selectors, media queries, and utility defaults.

dark-mode tailwindcss tailwindcss-plugin themes

Last synced: 10 Apr 2026

https://github.com/ericles-porty/updater-project

Esse projeto é apenas para treino de conceitos de programação utilizando Flutter. Pressionar F5 caso o site não carregue na primeira vez.

dark-mode download-progress file-management flutter github-api github-assets-downloader inherited-widget light-mode theme-switcher unzip

Last synced: 27 Apr 2026

https://github.com/mustafatumsek/hesapmakinesi

SwiftUI ile oluşturduğum basit bir hesap makinesi uygulaması.

calculator calculator-application dark-mode ios ios-app ios-swift swift swiftui

Last synced: 19 May 2026

https://github.com/tristanbilot/itheme

Use and build material themes easily with iTheme for iOS

dark-mode design ios itheme light-mode material material-design material-ui palette swift theme

Last synced: 13 Sep 2025

https://github.com/hacktoolkit/hexa.hacktoolkit.com

⟡ Hexa - AI coding companion. Generate code with local AI (Transformers.js), Mock API, or cloud backends. Built with Next.js 14, TypeScript, and TailwindCSS. Privacy-first, keyboard-centric, and beautifully designed.

ai ai-assistant claude code-generation coding-assistant dark-mode developer-tools github-pages gpt-4 hacktoolkit nextjs privacy-first react static-site stripe syntax-highlighting tailwindcss transformers typescript webassembly

Last synced: 03 May 2026

https://github.com/shuddha2021/flexicss

FlexiCSS: A lightweight, responsive CSS framework with a customizable grid system, pre-built components, utility classes, and built-in accessibility features for fast and efficient web development.

accessibility animation-library community-driven cross-browser-compatibility css-framework dark-mode developer-tools efficient-coding flexible-layout front-end-development grid-system lightweight modern-css open-source performance-optimization responsive-design scalable ui-ux-design utility-classes

Last synced: 01 Nov 2025

https://github.com/drylozu/meowdbexplorer

Explore JSONs, especially the ones you created with MeowDB.

dark-mode dark-theme explorer json nextjs react ui web

Last synced: 13 Apr 2026

https://github.com/ahmed-maher77/question-cards__web-app

A lightweight and interactive flashcard web app that lets users create, edit, delete, and flip cards to reveal or hide answers. Built with Vite, React.js, Bootstrap, and Framer Motion for a smooth user experience.

animations bootstrap dark-mode falshcard framer-motion frontend-development light-mode question-cards questions-and-answers reactjs vite web-design web-development

Last synced: 29 Mar 2025

https://github.com/chrisnajman/scroll-page-watcher

If your browser supports 'animation-timeline: scroll()' CSS, a horizontal line will appear at the top of the screen as you scroll, indicating how far you have travelled down the page.

css-imports css-nesting dark-mode html-css-javascript light-mode prefers-reduced-motion supports svg-icons svg-sprites

Last synced: 02 Jan 2026

https://github.com/wladyslaw13/sidebar-showcase

A modern sidebar component with smooth open/close animation, theme switcher (light/dark), and design tokens. Built with React and styled-components.

animation component dark-mode design-tokens frontend light-theme react sidebar styled-components theme ui vite

Last synced: 08 Apr 2026

https://github.com/flibustier/portfolio

Personnal Portfolio 🖼️ (v4 with Astro)

astro astrojs dark-mode nuxt2 vue

Last synced: 25 Jan 2026

https://github.com/valentinmadiot/country-filter_api

Application React permettant de filtrer les pays du monde par continent et population, avec un design responsive en dark mode et des données en temps réel via l'API REST Countries.

api axios create-react-app dark-mode frontend html js react responsive responsive-design rest-api rest-countries-api scss vercel

Last synced: 15 Sep 2025

https://github.com/nattyxo/themes-changer-windows-form

A Windows Forms application that toggles between dark and light mode themes.

color-theme csharp dark-mode light-mode-toggle ui-customization windows-gui

Last synced: 02 Nov 2025

https://github.com/greigh/danielhipskind.com

A modern, performance-focused portfolio website built with vanilla JavaScript. Features include dynamic GitHub repository integration, intelligent caching system, responsive design, dark/light theme switching, and progressive enhancement. Built without frameworks to demonstrate core web development principles and modern JavaScript capabilities.

cache-management css-grid dark-mode github-api portfolio-website progressive-enhancement responsive-design vanilla-javascript web-components web-performance

Last synced: 12 May 2026

https://github.com/jmini00/projet_ajax_php

Projet "AJAX PHP" : projet de liste de vinyles avec utilisation AJAX méthode fetch then/catch pour CRUD des données issues d'une base de données, avec mise en place d'un loader de chargement, un "Dark mode", "flip-cards" et un moteur de recherche

ajax-request css dark-mode html javascript php

Last synced: 14 Mar 2025

https://github.com/zuopanyao/darkadapter

DarkAdapter to make adjust dark mode on iOS.

apple cocoapods dark-mode ios ipad iphone swift

Last synced: 05 Apr 2025

https://github.com/g-reg04/link-in-bio-greger

Personal link-in-bio with dynamic projects (JSON), dark mode, a11y, and Vercel deploy.

a11y accessibility dark-mode html javascript json link-in-bio portfolio tailwindcss vercel

Last synced: 08 Apr 2026

https://github.com/hari7261/gitprofile-search

GitHub Profile Finder is a sleek desktop app built with Python and CustomTkinter that allows you to search and view detailed GitHub user profiles. Instantly fetch bio, repos, followers, and more in a modern, dark-themed UI!

coustomtkinter dark-mode git github-profile-finder gui hari7261 python python3 requests tinker

Last synced: 09 May 2026

https://github.com/daveschumaker/react-dark-mode-hook

A React hook to determine if user's system / device has dark mode enabled

dark-mode hooks react reactjs styled-components

Last synced: 08 Apr 2026

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

Aplicación web que permite cambiar de temas y colores, dichos cambios son persistentes.

dark-mode dark-theme javascript materialize-css twitter

Last synced: 14 Jun 2025

https://github.com/anip21/crypto-board

📈 Visualize cryptocurrency data with a modern dashboard, featuring analytics, responsive design, and a mocked API for stable testing.

api arduino biz blockchain coinmarketcap dark-mode esp32 esp32-c6 hardware-wallet lvgl-esp32 nextjs nodejs rapidapi react react-360 reacttable tailwind taiwindcss

Last synced: 11 Apr 2026

https://github.com/valentinmadiot/shoe-store_ui

Landing page dynamique pour un magasin de sneakers. Slider synchronisé texte/image, menu burger, animations ScrollReveal, newsletter, badges promo et responsive adapté à tous écrans.

animation-css boxicons carrousel css3 dark-mode ecommerce-design gallery-products hover-interaction html-css-js html5 javascript landing-page menu-burger newsletter overlay-effect responsive-design scroll-animations scrollreveal-js sneaker-store swiper-slider-js

Last synced: 07 Feb 2026

https://github.com/mohammedtsmu/weekly-schedule-note-app

A modern Weekly Schedule Note App with beautiful UI/UX, animations, and dark mode. Allows users to add and manage tasks, goals, and notes for each day of the week.

animations css3 dark-mode goals-tracker modern-design note-app notes task-management-system task-manager task-manager-app weekly-schedule

Last synced: 03 May 2026

https://github.com/egenn/rtemis-dark

rtemis-dark VS Code theme

dark dark-mode dark-theme theme vscode-theme

Last synced: 03 Jan 2026

https://github.com/wambita/js-calculator

just a simple calculator in js. i know, no one makes them anymore.

aesthetic calculator dark-mode javascript pastel responsive responsive-web-design

Last synced: 25 Jul 2025

https://github.com/userlg/sumsy

Sumsy es una aplicación moderna y ligera para gestionar tus datos de casos y resumenes de manera eficiente. Construida con las últimas tecnologías, Sumsy combina rendimiento, estilo y escalabilidad en un solo lugar.

chartjs dark-mode deskt javascript pinia script-setup tailwindcss tauri tdd type vite vitest vue vue-router vue-typescript vue3

Last synced: 09 Apr 2026

https://github.com/davidwboni/stop-tracker

📦 Stop Tracker - A modern React application for delivery drivers to efficiently track stops, manage earnings, and compare company invoices. Features real-time analytics, dark mode, and mobile-responsive design.

analytics-dashboard dark-mode delivery-management delivery-tracking earnings-tracker firebase framer-motion invoice-management pwa react react-hooks recharts responsive-design shadcn-ui tailwindcss

Last synced: 09 Apr 2026

https://github.com/ahmaruff/akaunsiq-darkmode

dark mode untuk e-learning UNSIQ

css dark-mode

Last synced: 29 Jul 2025

https://github.com/code-jl/supplement-tracker

A Python application to track your supplements, their quantities, and calculate cost effectiveness.

cost-calculation dark-mode dark-theme file-associations inventory-management management-system pyinstaller supplement supplements tkinter ttk

Last synced: 01 Aug 2025

https://github.com/artem-makarchenko-dev/next-shop

Next-Shop — modern e-commerce demo with Next.js, React, Tailwind, Redux, i18n, Vercel

dark-mode ecommerce-application i18n nextjs nextjs15 react react-query react-redux redux-toolkit tailwind-css vercel-deployment

Last synced: 24 Sep 2025

https://github.com/xero/resume

Resume & Professional Portfolio Website

dark-mode hire-me light-mode portfolio postcss professional resume tailwindcss website

Last synced: 04 Aug 2025

https://github.com/akunna1/nexus-social-media-app

Mobile responsive therapy like social media app (Frontend completed). Remake of Nduka Social Media App. Backend code: https://github.com/akunna1/Nexus-Social-Media-App-2

dark-mode dark-mode-toggle database expressjs full-stack html mysql nodejs react react-icons tailwindcss user-authentication

Last synced: 09 Apr 2026

https://github.com/fizzaxx/fizzaxx-social

🚀 Fizzaxx Social - The Modern and Simple Twitter Clone with Real-time Magic, Dark Mode Vibes, and Supabase Power.

authentication dark-mode developer-tools fullstack javascript nextjs oauth opensource postgresql production-ready react real-time showcase social-media supabase tailwindcss twitter-clone typescript vercel webapp

Last synced: 09 Apr 2026

https://github.com/space-00/dark-z

A simple Tampermonkey user script that forces dark mode on chat.z.ai (GLM)

ai artificial-intelligence dark dark-mode dark-theme glm

Last synced: 08 Aug 2025

https://github.com/abdul-rozzaq/link-shortener

Modern URL Shortener with click tracking, expiration, dark mode, and Next.js + Express.

click-tracking dark-mode expressjs mongodb nextjs nodejs one-page-app responsive-ui tailwindcss url-shortener

Last synced: 09 Apr 2026

https://github.com/girish-kor/dark-ultimate-theme

A meticulously crafted vscode dark theme engineered for unparalleled code clarity and developer endurance.

dark dark-mode dark-theme ultimate vscode-extension vscode-settings vscode-theme

Last synced: 09 Aug 2025

https://github.com/andybyers21/web-components

Some simple web components that I built which may become handy in the future.

dark-mode form-validation javascript material-ui

Last synced: 03 Oct 2025

https://github.com/hungdev/simple-theme

Handle dark mode in reactjs

dark-mode dark-mode-switcher darkmode theme

Last synced: 04 Oct 2025

https://github.com/rajvatsal/sign-up-form

Sign up form design for rock climbing

dark-mode html-forms light-mode responsive-web-design

Last synced: 09 Mar 2026

https://github.com/dimslaev/atoms

lightweight ui library for react

dark-mode react scss typescript ui

Last synced: 09 Apr 2026

https://github.com/unsafe0x0/unsafedark

A sleek, modern dark theme with neutral backgrounds

dark-mode dark-theme vscode vscode-extension vscode-theme

Last synced: 18 Aug 2025

https://github.com/reynoldarun09/mern-job-portal-application

A full-stack job portal application built with the MERN (MongoDB, Express.js, React, Node.js) stack, designed to connect job seekers with recruiters. The platform allows users to search, filter and apply for job listings, while recruiters can post job openings and manage applications.

dark-mode docker docker-compose expressjs jest mongoose nodejs react react-table shadcn-ui swagger-ui tailwindcss typescript vite zod-validation zustand

Last synced: 10 Apr 2026

https://github.com/gerhynes/social-media-dashboard

A social media dashboard with dark mode built to solve a Frontend Mentor challenge.

css-grid dark-mode frontend-mentor social-media-dashboard

Last synced: 13 Feb 2026

https://github.com/g-reg04/github-explorer-greg

Client-side GitHub user explorer with caching, filters, pagination, and a11y. Deployed on Vercel.

a11y dark-mode frontend github-api javascript tawilwindcss vercel

Last synced: 30 Aug 2025

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