gets styled automatically. Write semanti","image":"https://media2.dev.to/dynamic/image/width=1200,height=627,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F56opmzh8gcx77c2o1dms.png","datePublished":"2026-03-16T21:42:29","author":{"@type":"Person","name":"Stas Kulesh"},"publisher":{"@type":"Organization","name":"Dev.to Webdev"},"mainEntityOfPage":{"@type":"WebPage","@id":"https://flarestart.com/article/daub-the-css-component-library-that-lets-ai-generate-your-ui-20260316"}}Back to articlesHow-ToWeb DevelopmentDAUB: The CSS Component Library That Lets AI Generate Your UIvia Dev.to WebdevStas Kulesh2h agoMost UI frameworks solve the wrong problem — they help developers build interfaces faster. But the real bottleneck is shifting. AI can already figure out what UI you need. The slow part is the loop after: generate code → copy → paste → fix imports → compile → see result. I built DAUB to cut that loop entirely. What is DAUB? DAUB is a drop-in CSS + JS component library with a simple premise: two CDN files, zero build step, full substance. <link rel= "stylesheet" href= "https://cdn.jsdelivr.net/npm/daub-ui@latest/daub.css" > <script src= "https://cdn.jsdelivr.net/npm/daub-ui@latest/daub.js" ></script> That's it. Your semantic HTML is now styled with 73 components across 20 theme families, each with light and dark modes. Classless Mode Don't want to think about classes at all? Use classless mode: <link rel= "stylesheet" href= "https://cdn.jsdelivr.net/npm/daub-ui@latest/daub-classless.css" > Every <table> , <form> , <button> , <nav> , and <article> gets styled automatically. Write semantiContinue reading on Dev.to WebdevOpens in a new tabRead Full Article0 viewsShareRelated ArticlesHow-ToParamount+ just dropped to $2.99 a month - here's how to sign upZDNet • 3h agoHow-To70+ Free Online Tools That Make Everyday Tasks EasierMedium Programming • 3h agoHow-ToI Tried to Build My First iOS Product — This Is What HappenedMedium Programming • 3h agoHow-ToThis unassuming amplifier is the one audio upgrade that finally made my speakers singZDNet • 5h agoHow-ToGas Surgery: Reducing Merkle Mixer Costs by 25% on BaseMedium Programming • 6h agoDiscover More Articles
How-ToWeb DevelopmentDAUB: The CSS Component Library That Lets AI Generate Your UIvia Dev.to WebdevStas Kulesh2h agoMost UI frameworks solve the wrong problem — they help developers build interfaces faster. But the real bottleneck is shifting. AI can already figure out what UI you need. The slow part is the loop after: generate code → copy → paste → fix imports → compile → see result. I built DAUB to cut that loop entirely. What is DAUB? DAUB is a drop-in CSS + JS component library with a simple premise: two CDN files, zero build step, full substance. <link rel= "stylesheet" href= "https://cdn.jsdelivr.net/npm/daub-ui@latest/daub.css" > <script src= "https://cdn.jsdelivr.net/npm/daub-ui@latest/daub.js" ></script> That's it. Your semantic HTML is now styled with 73 components across 20 theme families, each with light and dark modes. Classless Mode Don't want to think about classes at all? Use classless mode: <link rel= "stylesheet" href= "https://cdn.jsdelivr.net/npm/daub-ui@latest/daub-classless.css" > Every <table> , <form> , <button> , <nav> , and <article> gets styled automatically. Write semantiContinue reading on Dev.to WebdevOpens in a new tabRead Full Article0 viewsShare
