awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com

Settings UI component

Ranking updated Jul 30, 2026

For interface preferences, the first results are jnsahaj/tweakcn (This tool provides frontend theme customization and dynamic style injections for user interface preferences, though it is tailored specifically for a design editor workflow rather than a general end-user preference manager), system-ui/theme-ui and kognise/water.css (Water.css is a minimalist classless CSS framework that provides automatic light and dark mode styling using system preferences and CSS variables, but it functions as a static stylesheet rather than an interactive preference manager for runtime user customization). akveo/react-native-ui-kitten and tessalt/echo-chamber-js round out the shortlist. Compare the match explanations and check the project documentation against your requirements.

Hand-picked open-source settings UI components for managing interface preferences, ranked by GitHub stars and activity. Compare and pick the right one.

Settings UI component

Find the best repos with AI.We'll search the best matching repositories with AI.
  • jnsahaj/tweakcnjnsahaj avatar

    jnsahaj/tweakcn

    9,405View on GitHub↗

    tweakcn is a web UI styling tool and frontend design editor used for client-side theme customization. It functions as a style injector that applies dynamic theme overrides by inserting style rules into the document head at runtime. The project provides a visual interface for adjusting user interface components and design settings through built-in presets and custom CSS values. It utilizes JSON-driven configuration and preset mapping to manage application appearance and brand identity without the need to manually edit stylesheet files. The tool enables visual design management and rapid itera

    This tool provides frontend theme customization and dynamic style injections for user interface preferences, though it is tailored specifically for a design editor workflow rather than a general end-user preference manager.

    TypeScriptTheme CustomizationTheme Customization
    View on GitHub↗9,405
  • system-ui/theme-uisystem-ui avatar

    system-ui/theme-ui

    5,405View on GitHub↗

    Theme-ui is a React theme framework and CSS-in-JS utility used for building themeable user interfaces. It functions as a design system tool that establishes centralized, constraint-based scales for colors, typography, and spacing to ensure visual consistency across applications. The framework distinguishes itself through an array-based responsive shorthand for mobile-first layouts and a dedicated color mode manager that synchronizes with browser preferences and persists user selections. It also features a system for creating named style variants to control component appearance via properties

    This React theme framework provides centralized design tokens, built-in color mode management with persistence, and scalable styling tools, making it well-suited for building customized visual interfaces even though it focuses on code-first development rather than a ready-made preferences panel.

    TypeScriptColor ThemesDark Mode TogglesLight and Dark Theme Implementations
    View on GitHub↗5,405
  • kognise/water.csskognise avatar

    kognise/water.css

    8,630View on GitHub↗

    Water.css is a minimalist, classless CSS framework and library designed to apply visual improvements directly to standard HTML elements. It maps curated styles to native tags, allowing for clean and professional website interfaces without the need for custom class names. The library features an adaptive theme system that automatically switches between light and dark color schemes based on operating system user preferences. It also uses root-level CSS variables, enabling the customization of base colors and spacing to create unique visual identities. The project provides capabilities for rapi

    Water.css is a minimalist classless CSS framework that provides automatic light and dark mode styling using system preferences and CSS variables, but it functions as a static stylesheet rather than an interactive preference manager for runtime user customization.

    CSSDark Mode SupportTheme CustomizationTheme Management Systems
    View on GitHub↗8,630
  • akveo/react-native-ui-kittenakveo avatar

    akveo/react-native-ui-kitten

    10,677View on GitHub↗

    UI Kitten is a cross-platform mobile UI library and design framework for building mobile interfaces. It provides a collection of reusable, accessible visual components and layout blocks that strictly follow the Eva Design System specifications. The library features built-in support for dynamic theming, allowing applications to switch between light and dark modes or custom color schemes at runtime. It utilizes a token-based color mapping system and a shared context provider to ensure visual consistency across all screens. The framework includes a library of standardized production-ready eleme

    UI Kitten is a cross-platform mobile UI component library rather than a standalone user interface preference manager, though it does provide theme customization and dynamic styling building blocks for React Native applications.

    TypeScriptDynamic ThemingTheme CustomizationTheme Management Systems
    View on GitHub↗10,677
  • tessalt/echo-chamber-jstessalt avatar

    tessalt/echo-chamber-js

    4,114View on GitHub↗

    echo-chamber-js is a client-side comment form and interaction simulator that allows users to post comments on static websites. It utilizes a browser-based local storage data store to persist user entries, eliminating the need for a remote database or backend server. The project includes a dynamic CSS theme engine that automatically adapts the interface colors and fonts to match the aesthetic of the host website. This styling system ensures the embedded comment form aligns with the existing branding of the page. The system provides capabilities for frontend user engagement simulation and stat

    This client-side commenting widget includes dynamic theming and styling capabilities, but it is fundamentally a comment form rather than a dedicated user interface preference manager for an application.

    JavaScriptDynamic Styling EnginesDynamic Theming
    View on GitHub↗4,114
  • tomschimansky/customtkinterTomSchimansky avatar

    TomSchimansky/CustomTkinter

    13,410View on GitHub↗

    CustomTkinter is a Python GUI framework and library used to build modern desktop applications. It serves as a toolkit for creating cross-platform graphical interfaces with a specific focus on theme-aware components and high-resolution display support. The library provides a set of widgets based on the Tkinter framework that synchronize with operating system appearance settings. It includes a theme engine to manage light and dark modes and integrates system-level scaling to ensure visual consistency across different monitors and display densities. The toolkit covers graphical interface compos

    CustomTkinter is a Python GUI development framework rather than a standalone preference manager application, though its built-in dark mode, dynamic themes, and high-DPI scaling provide the exact building blocks needed to implement visual customization.

    PythonDark Mode SupportTheme Management SystemsColor Themes
    View on GitHub↗13,410
  • caijimmy/hugo-theme-stackCaiJimmy avatar

    CaiJimmy/hugo-theme-stack

    6,418View on GitHub↗

    Card-style Hugo theme designed for bloggers

    This repository is a static site blog theme for Hugo rather than an interface preference manager, though it does include built-in light and dark mode styling for readers.

    HTMLDark Mode SupportDark Mode TogglesLight and Dark Theme Systems
    View on GitHub↗6,418
  • jerrykuku/luci-theme-argonjerrykuku avatar

    jerrykuku/luci-theme-argon

    5,338View on GitHub↗

    luci-theme-argon is a visual interface for the OpenWrt administrative console that replaces the default look with a modern design. It provides a responsive web interface that automatically adjusts the administrative dashboard for usability on both mobile devices and desktop screens. The theme features a customizable login screen that supports custom images, videos, and transparency effects. It includes a dark mode interface with the ability to switch between light and dark color schemes manually or automatically based on system preferences. The project covers wide-ranging user interface cust

    This project is a specific administrative theme for OpenWrt routers rather than a general-purpose user interface preference manager or library for web applications.

    LessTheme CustomizationDark Mode TogglesSystem Theme Detection
    View on GitHub↗5,338
  • akveo/kittentricksakveo avatar

    akveo/kittenTricks

    7,267View on GitHub↗

    KittenTricks is a cross-platform mobile starter kit and UI library for building applications for iOS and Android. It provides a foundational set of production-ready, accessible components and pre-built screens to accelerate the bootstrapping of mobile interfaces. The project features a dynamic mobile theming system that allows for the management and switching of light and dark color schemes at runtime. This framework enables real-time updates to the visual appearance of the interface without requiring an application restart. The library implements a comprehensive design system to ensure visu

    This cross-platform mobile UI library provides dynamic theming and color scheme switching, but it functions as a starter kit and component library for bootstrapping applications rather than a dedicated user interface preference manager.

    TypeScriptDynamic ThemingTheme Management Systems
    View on GitHub↗7,267
  • youzan/vantyouzan avatar

    youzan/vant

    24,323View on GitHub↗

    Vant is a mobile UI library and component framework for Vue, providing a collection of lightweight, reusable interface elements optimized for small screens and touch interactions. It serves as a mobile component library and accessible web UI kit designed to integrate with Vue's reactivity and state management. The framework functions as a themable design system, allowing for visual branding and dark mode support through customizable theme variables. It includes built-in tools for internationalization to localize user interfaces across different geographic regions. The library covers a broad

    This repository provides mobile UI components and theme customization for Vue, but it is a component library rather than an end-user preference manager application.

    TypeScriptDark Mode SupportTheme Customization
    View on GitHub↗24,323
  • daltonmenezes/aura-themedaltonmenezes avatar

    daltonmenezes/aura-theme

    3,730View on GitHub↗

    Aura Theme is a comprehensive set of dark color palettes, development environment styles, and digital assets designed to create a unified visual identity across various software targets. It provides a cohesive dark mode system for code editors, terminal emulators, and desktop window managers, complemented by a collection of high-resolution dark wallpapers for desktop and mobile environments. The project includes a theme porting tool and a UI color token system that replace hardcoded hex values with dynamic accent tokens. This framework enables cross-application theme porting, allowing a consi

    This repository provides curated dark color palettes and theme configurations for various editors and terminals, but it is not an interactive preference manager that lets users dynamically toggle themes or UI scaling at runtime.

    TypeScriptTheme CustomizationColor ThemesDark Mode Strategies
    View on GitHub↗3,730
Compare the top 10 at a glance
RepositoryStarsLanguageLicenseLast push
jnsahaj/tweakcn9.4KTypeScriptapache-2.0Feb 18, 2026
system-ui/theme-ui5.4KTypeScriptMITJun 14, 2026
kognise/water.css
8.6K
CSS
MIT
Feb 11, 2024
akveo/react-native-ui-kitten10.7KTypeScriptMITMar 4, 2026
tessalt/echo-chamber-js4.1KJavaScript—May 10, 2019
tomschimansky/customtkinter13.4KPythonMITFeb 24, 2026
caijimmy/hugo-theme-stack6.4KHTMLGPL-3.0May 25, 2026
jerrykuku/luci-theme-argon5.3KLessApache-2.0May 18, 2026
akveo/kittentricks7.3KTypeScriptMITFeb 26, 2024
youzan/vant24.3KTypeScriptMITJun 15, 2026

Related searches

  • a centralized system for managing user preferences
  • Configuration management system
  • UI component library
  • Web navigation framework
  • Generic interface libraries
  • Dotfiles manager
  • a configuration management tool for infrastructure automation
  • CSS layout engine