A Tailwind CSS component library with readable class names, CSS-variable theming, and optional Alpine.js interactivity. Drop it into any stack.
“Denga” means Sky in Shona.
Your workspace is on the latest release.
Component classes you can read at a glance, themed entirely through CSS variables.
dui-btn, dui-card, dui-modal - predictable, readable, and easy to remember.
Palettes authored in OKLCH for vivid, perceptually-even color and clean opacity blending.
Light, dark, savanna, midnight, and sunrise. Switch with a single data-theme attribute.
Just @plugin "dengaui". No tailwind.config.js required.
Works with Laravel, React, Vue, Svelte, or plain HTML. Bring your own stack.
Interactive components enhance with Alpine but fall back to native HTML and CSS.
Button, Badge, Alert, Card, Avatar, Divider, Tooltip, KBD, Loading, Swap
Input, Textarea, Select, Checkbox, Radio, Toggle, Range, File Input, Form Group
Navbar, Sidebar, Breadcrumb, Tabs, Pagination, Menu, Steps
Modal, Dropdown, Drawer, Toast
Table, Accordion, Timeline, List, Stat, Rating, Chat Bubble, Indicator, Collapse
Progress, Skeleton
Footer, Hero