https://github.com/modsetter/next-toggle
Next-Toggle is just a simple plug and use, theme toggle button with multiple light and dark themes for NextJs projects using next-themes.
https://github.com/modsetter/next-toggle
next next-themes next-toggle nextjs reactjs theme themes toggle
Last synced: 3 months ago
JSON representation
Next-Toggle is just a simple plug and use, theme toggle button with multiple light and dark themes for NextJs projects using next-themes.
- Host: GitHub
- URL: https://github.com/modsetter/next-toggle
- Owner: MODSetter
- Created: 2024-05-07T08:22:03.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-05-08T00:19:42.000Z (almost 2 years ago)
- Last Synced: 2024-05-08T23:24:37.099Z (almost 2 years ago)
- Topics: next, next-themes, next-toggle, nextjs, reactjs, theme, themes, toggle
- Language: TypeScript
- Homepage: https://modsetter.github.io/next-toggle/
- Size: 77.1 KB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# NEXT-TOGGLE
Next-Toggle is just a simple **plug and use, theme toggle** button with **multiple light and dark themes** for web projects using [next-themes](https://github.com/pacocoursey/next-themes).
# DEMO
[](https://www.youtube.com/watch?v=WFHz8KW1OTI)
# LIVE URL
https://modsetter.github.io/next-toggle/
## USAGE
Next-Toggle uses next-themes - `useTheme` hook + Background Snippets from : https://github.com/ibelick/background-snippets to apply multiple themes.
You can just copy my whole next-toggle component from `@components/next-toggle`
and use it in your project.
## SUPPORT
Please give it a Github star to support. 👍
## CONTRIBUTING
1. Easiest way to contribute is to add more background snippets. Go make some great theme combos.
2. Add more `ThemeToggler` components using different UI libraries, might help other guys.
3. If you make any QOL improvement don't be shy to raise PR.
## IMPORTANT NOTES
- My theme-toggler component `@components/next-toggle/theme-toggler` uses Shadcn components. You can make your component with any UI library of your liking.