abdulrahmans0414 / darkMode

a simple HTML, CSS, and JavaScript implementation for a dark mode switcher using smooth animations. Users can toggle between light and dark modes by clicking on a sun/moon.

Home Page:https://bright-dasik-2e6dba.netlify.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Dark Mode Switcher with Animation 🌙

This repository contains a simple HTML, CSS, and JavaScript implementation for a dark mode switcher using Anime.js for smooth animations. Users can toggle between light and dark modes by clicking on a sun/moon icon.

Demo

Live Demo | Anime.js | MIT License

Project Structure

  • index.html: The main HTML file containing the structure of the webpage.
  • style.css: The stylesheet with basic styling for the webpage.
  • script.js: The JavaScript file implementing the dark mode toggle functionality with Anime.js.
  • README.md: Project documentation and usage instructions.

Usage

  1. Clone the repository:

    git clone https://github.com/abdulrahmans0414/DarkMode
  2. Open the index.html file in a web browser.

  3. Click on the sun/moon icon to toggle between light and dark modes.

Dependencies

  • Anime.js: A lightweight JavaScript animation library.

Credits

  • Dark mode and sun/moon icons inspired by [your source or inspiration here].

Author

[Abdul Rahman]

License

This project is licensed under the MIT License.

About

a simple HTML, CSS, and JavaScript implementation for a dark mode switcher using smooth animations. Users can toggle between light and dark modes by clicking on a sun/moon.

https://bright-dasik-2e6dba.netlify.app


Languages

Language:HTML 42.5%Language:JavaScript 40.9%Language:CSS 16.5%