Elevate your PrimeReact application with dynamic theme management! Effortlessly toggle between themes, support system preferences, and ensure a personalized user experience—all while maintaining top-notch performance.
- 🌈 Dynamic Theme Switching: Instantly switch between themes at runtime without hassle.
- 🌓 System Theme Support: Automatically adapts to the system’s light or dark mode.
- 💾 Local Storage Persistence: Retains the user’s theme preference across sessions.
- 🎨 Customizable Themes: Add your own themes to create a unique and tailored experience.
- ⚡ Performance-Optimized: Efficiently manages styles without requiring app reloads.
A clean and modular design for seamless development:
src/components: Houses reusable components, including the core theme toggle logic.src/hooks: Custom hooks for managing application state and theme logic.src/utils: Helper functions for theme operations and utilities.public/: Serves static theme CSS files for quick and easy access.
💡 Make your PrimeReact project stand out with elegant, effortless theme management!
Start by cloning the repository to your local machine:
git clone https://github.com/prosanabani/prime-react-theme-toggle.gitUse the following command to move into the project folder:
cd prime-react-theme-toggle Run the following command to install all project dependencies:
# Using pnpm (preferred)
pnpm install
# Alternatively, using npm
npm installAfter the installation, launch the development server:
# Using pnpm (preferred)
pnpm dev
# Or, if you prefer npm
npm devIf you find this project helpful, please leave a star ⭐ on the repository. Contributions are welcome! Feel free to open an issue or submit a pull request to improve this project.
This project is licensed under the MIT License. See the LICENSE file for details.
For questions or support, please feel free to reach out via GitHub Issues.