{"repo":"react18-tools/nextjs-themes","free":true,"listed":false,"github":"https://github.com/react18-tools/nextjs-themes","clone":"git clone https://github.com/react18-tools/nextjs-themes.git","description":"🤟 👉 Theme with confidence and [Unleash the Power of React Server Components](https://medium.com/javascript-in-plain-english/unleash-the-power-of-react-server-components-eb3fe7201231)","language":"TypeScript","stars":11,"topics":["dark-mode","front-end","fullstack","javascript","nextjs","nextjs-typescript","nextjs13","nodejs","react","react-server-components"],"license":"MPL-2.0","category":"saas-starters-boilerplates","readme_excerpt":"Next.js Themes Version 3 Short Notes: Version 3.0 brings minor API changes along with major performance improvements and fixes. We have minimized changes to existing APIs. Note: react18-themes will now be maintained as nextjs-themes , as server-specific APIs are no longer needed. 🤟 👉 Unleash the Power of React Server Components - ✅ Perfect dark mode in 2 lines of code - ✅ Fully Treeshakable ( import from nextjs-themes/client/component ) - ✅ Full TypeScript Support - ✅ Unleash the full power of React 18 Server components - ✅ No flash on load (both SSR and SSG) Exampand following to see more features. Motivation and Key Features: This project was inspired by next-themes. Unlike next-themes, nextjs-themes doesn't require wrapping everything in a provider, allowing you to take full advantage of React 18 Server Components. Additionally, it offers more features and control over your app's theming. - ✅ Perfect dark mode in 2 lines of code - ✅ Fully Treeshakable ( import from nextjs-themes/client/component ) - ✅ Designed for excellence - ✅ Full TypeScript Support - ✅ Unleash the full power of React 18 Server components - ✅ System setting with prefers-color-scheme - ✅ Themed browser UI with color-scheme - ✅ Support for Next.js 13 & Next.js 14 appDir - ✅ No flash on load (for all - SSG, SSR, ISG, Server Components) - ✅ Sync theme across tabs and windows - ✅ Disable flashing when changing themes - ✅ Force pages to specific themes - ✅ Class and data attribute selector - ✅ Manipulate th","default_branch":null,"files":null,"tree":[],"storefront":"/r/react18-tools","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/react18-tools/nextjs-themes/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}