Library

NYX

A zero-dependency, dark-native CSS + JS component framework — fully themeable through --nyx-* custom properties, with first-class RTL and Arabic typography and 100+ components.

Live demo View source3 stars on GitHub

Try it live

Real NYX-style components, themed by the exact tokens this site runs on. Open the Theme control (bottom-right) and watch them re-skin.

nyx · live componentsthemed by the Theme control ↘

buttons

switch

Dark-native theme

segmented

slider · 64%

input

badges

v1.0RTLzero-dep

every value above derives from one set of custom properties via color-mix() — no recompile, themeable live.

What makes it good

1Dark-native and light-ready themes, switchable with one data-theme attribute
2Fully themeable via --nyx-* custom properties using color-mix(), no recompile needed
3First-class RTL and Arabic typography with logical properties and bundled fonts
4100+ components plus a tiny zero-dependency UMD runtime with a declarative data-nyx-* API