theming

Free browser tool generating and browsing hundreds of shadcn/ui theme variable sets with instant copy-paste CSS output.

React design language shipped in three themes (atmospheric, dense, light) generated from one shared token vocabulary.

Visual theme editor for shadcn/ui that edits colour, radius, typography and shadow tokens live.

Palette generator and theme designer that outputs shadcn-compatible colour scales and previews.

Utility that expands a single base hex color into a full 50-900 shade ramp suitable for Tailwind or CSS variables.

CLI and component toolkit for React Native with a theming layer and no runtime styling overhead.

Jahir Fiquitiva's portfolio source: Next.js, TypeScript, Tailwind, MDX, dynamic theming and animated project cards.

Framework-agnostic web component library with a full set of accessible, themable UI elements.

Visual, parametric CSS editing environment that treats every CSS property as an editable, themeable design parameter.

Swaps a selection between identically named style libraries, so one file can preview light, dark and brand themes.

Theme editor and extended component gallery for shadcn/ui, with visual token editing and exportable theme files.

Styling engine for React Native that computes styles in C++ on the shadow tree, with variants, breakpoints and themes.

ByteDance icon system where a single SVG source can be rendered in outline, filled, two-tone or multi-color themes.

Web components that match VS Code's UI so extension webviews look native to the editor.

Flutter package that animates the transition between light and dark themes as a circular reveal.

Tool and Kotlin library for generating Material 3 dynamic colour schemes from a seed colour.

shadcn/ui theme generator producing OKLCH-based CSS variable sets with live component previews across light and dark modes.

Theme builder and gallery for shadcn/ui using an OKLCH colour picker, Google Fonts selection and radius controls, exporting ready CSS variables.

Living catalog of shadcn presets and dialects, comparing how different registries restyle the same primitives.

React Native component library from the HeroUI team, built on NativeWind with animation and theming primitives baked in.

Merck/EMD's design system built on web components with a distinctive brand-expressive theming layer over neutral primitives.

Telefónica's multi-brand design system where one component library serves Movistar, O2, Vivo and Tu through swappable skins.