theme toggle effect using view transitions api

theme-toggle view-transitions-api

• Updated Oct 7, 2025
• HTML

Simple light/dark mode management for Svelte apps. 🌑 ←→ ☀️

svelte dark-mode theme-switcher darkmode themeswitch light-mode sveltekit theme-toggle svelte-themes

• Updated Aug 5, 2025
• TypeScript

A toggle button to switch between light/dark/system theme on the Web.

web-component dark-theme dark dark-mode custom-element theme-switch theme-toggle

• Updated Mar 14, 2024
• JavaScript

Creating a button that change theme into dark and light using HTML & CSS.

theme theme-switcher theme-ui theme-toggle ashutosh-kumar aashuu

• Updated Aug 29, 2026
• HTML

A CLI tool that instantly sets up dark/light theme toggling in your Next.js projects + Tailwind CSS v4 with zero configuration hassle.

cli dark-mode light-mode light-dark-mode theme-toggle light-dark-toggle next-theme-toggle nextjs-theme-toggle

• Updated Jun 30, 2025
• JavaScript

Trading UI

charts typescript uiux tailwindcss coingecko-api theme-toggle nextjs14

• Updated Jan 16, 2025
• TypeScript

A modern blog frontend built with Next.js 14, TypeScript, Tailwind CSS and Bun. integrates with the WordPress REST API. Features SEO‑optimization, responsive design, light/dark mode, theme toggle, and robust error handling

wordpress dark-theme rest-api nextjs seo error-handling ui-components blog-frontend bun tailwindcss headless-wordpress theme-toggle

• Updated Sep 16, 2025
• TypeScript

Brand new true Dark & Amoled Theme experience for Pinterest Web

chrome-extension theme firefox-addon dark-theme pinterest firefox-extension dark-mode theme-switcher firefox-webextension chromium-extension beta-release theme-ui theme-toggle amoled-theme pinterestweb

• Updated Nov 1, 2026
• CSS

📚"MERN stack adventure - dynamic stories that change with your choices."📚

nodejs javascript express mongodb reactjs rest-api webapp mern-stack-development theme-toggle

• Updated Jul 29, 2026
• JavaScript

基于 View Transitions API 的跨框架主题切换动画库

theme dark-mode theme-switcher color-mode next-themes theme-toggle view-transitions view-transitions-api

• Updated Nov 3, 2026
• TypeScript

Animated theme transitions for the web, powered by the View Transitions API. Framework-agnostic core, plus Vue, React, Next.js, Nuxt, and Alpine.js adapters.

react javascript typescript vue animation nextjs alpine nuxt custom-theme framework-agnostic dark-mode nuxt-module color-mode theme-toggle view-transitions-api

• Updated Aug 14, 2026
• TypeScript

All-in-one Web extension — capture full-page screenshots, pick colors, generate QR codes, control video speed, block cookies & toggle dark/light theme effortlessly.

chrome-extension extension color-picker developer-tools qrcode-generator web-tools video-speed-controller theme-toggle cookie-blocker full-page-screenshot

• Updated Oct 15, 2025
• CSS

A modern template for building Chrome extensions with WXT, React 19, TypeScript, Tailwind CSS, and shadcn/ui. Includes dark mode, hot reloading, and optimized production builds.

react chrome-extension theme framework typescript browser-extension template-project dark-mode theme-switcher wxt tailwind tailwindcss typescript-react theme-toggle shadcn-ui

• Updated Jun 6, 2025
• TypeScript

🏎🏁 This GitHub repository features a Formula 1 Driver Standings application, showcasing my skills in web development and data visualization. Through this project, I aim to provide an interactive and dynamic way to track F1 standings. Dive into the code and explore how web technologies can bring sports data to life.

statistics formula1 racing interactive web-application data-visualisation mui scss-framework f1 historical-data dark-mode javascipt responsive-web-design ergast-api portfolio-projects sports-analytics vite theme-toggle

• Updated Sep 22, 2025
• JavaScript

The LightDarkThemeToggle widget is a customizable and animated light/dark theme toggle switch for Flutter apps. It provides a visually appealing way for users to switch between light and dark modes in your app.

dart animation flutter flutter-widget flutter-package theme-switch pub-dev theme-toggle

• Updated Feb 12, 2025
• Dart

A simple page with all my social media links built with reactjs and framer motion.

react nodejs css html light-theme social-media links js social-network dark-theme reactjs framer-motion linktree linktree-alternative theme-toggle

• Updated Aug 7, 2023
• JavaScript

An interactive and responsive tarot reading site built with HTML, CSS, and JavaScript. Inspired from a freeCodeCamp lab challenge on fortune telling.

github javascript css git html vscode freecodecamp project netlify lighthouse theme-toggle 4th-month fcc-js

• Updated Oct 8, 2025
• HTML

ThemeToggle is a lightweight JavaScript library that allows you to easily switch between light and dark themes on a webpage

javascript color-scheme color-theme dark-mode theme-switcher css-variables user-preferences light-mode color-theme-switcher theme-toggle dark-light-toggle

• Updated Nov 18, 2024
• JavaScript

Theme button provides a toggle widget for night/light modes

toggle-switches toggle toggle-buttons dark-mode flutter-theme light-mode theme-toggle

• Updated Sep 12, 2022
• C++

🌚 A simple dark mode toggle library

typescript night-mode color-scheme npm-package dark-mode theme-switcher umbra light-mode automatic-theme theme-toggle

• Updated Jul 12, 2026
• TypeScript