Theme:

Effects & Utilities

Helper classes for brand gradients, glassmorphism, and animation - plus the CSS-only theme controller. All animations respect prefers-reduced-motion.

Gradient Text

Beautiful by design
<h1 class="dui-gradient-text">Beautiful by design</h1>

Gradient Background

dui-gradient-bg
<div class="dui-gradient-bg">…</div>

Glass

dui-glass
<div class="dui-glass">Frosted panel</div>

Animations

pulse fade-in slide-up
<span class="dui-animate-fade-in">…</span> <span class="dui-animate-slide-up">…</span> <span class="dui-animate-pulse">…</span>

Theme Controller No JS

A checked input carrying a theme name switches the whole page - zero JavaScript, powered by :has().

<input type="radio" name="theme" class="dui-theme-controller" value="denga-dark" />