daub-ui

Solid

Use when building UI with DAUB, the considered CSS component library from daub.dev. Trigger phrases: "daub", "daub.dev", "considered components", "db- components", "tactile UI kit"

Web & Frontend 36 stars 2 forks Updated 2 weeks ago

Install

View on GitHub

Quality Score: 74/100

Stars 20%

Recency 20%

Frontmatter 20%

Documentation 15%

100

Issue Health 10%

License 10%

Description 5%

100

Skill Content

# DAUB UI — Component Library DAUB is a drop-in CSS + JS library with 73 considered components and 20 theme families (40 variants). Thoughtfully composed, no ceremony required. npm: `daub-ui` | CDN: `cdn.jsdelivr.net/npm/daub-ui@latest/daub.css` Machine-readable component reference: `https://daub.dev/components.json` TypeScript declarations: `https://daub.dev/daub.d.ts` ## Include (CDN) ```html <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> ``` Alternative CDN: ```html <link rel="stylesheet" href="https://unpkg.com/daub-ui@latest/daub.css"> <script src="https://unpkg.com/daub-ui@latest/daub.js"></script> ``` npm install: ```bash npm install daub-ui ``` Optional fonts (falls back gracefully): ```html <link href="https://fonts.googleapis.com/css2?family=Fraunces:wght@300..900&family=Source+Serif+4:wght@300..900&family=Cabin:wght@400;500;600;700&display=swap" rel="stylesheet"> ``` ## Class Convention All classes: `db-` prefix. All CSS variables: `--db-` prefix. ## Themes Set: `<html data-theme="dark">` Family API: `DAUB.setFamily('ink')` / `DAUB.setScheme('dark')` / `DAUB.getFamily()` Direct API: `DAUB.setTheme('dark')` / `DAUB.cycleTheme()` / `DAUB.getTheme()` Accent: `DAUB.setAccent('#6B7C3E')` / `DAUB.resetAccent()` Families (20): default, grunge, solarized, ink, ember, bone, dracula, nord, one-dark, monokai, gruvbox, night-owl, github, catppuccin, tokyo...

Details

Author: sliday
Repository: sliday/daub
Created: 2 months ago
Last Updated: 2 weeks ago
Language: JavaScript
License: None

Integrates with

npm · DevTools

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Solid

aberdeen

Expert guidance for building reactive UIs with the Aberdeen library. Covers element creation, reactive state management, efficient list rendering, CSS integration, routing, transitions, and optimistic updates.

105 Updated 5 days ago

vanviegen

Web & Frontend Listed

shortcut-ui-skills

Shortcut's UI design system. Use when building interfaces inspired by Shortcut's aesthetic - light mode, Inter font, 4px grid.

42 Updated 3 months ago

ihlamury

Web & Frontend Solid

angular-spa

Angular 21.x SPA development skill with TailwindCSS 4.x and daisyUI 5.5.5. Use when building Angular standalone components, services, lazy-loaded routes, unit tests, or creating UI with TailwindCSS + daisyUI. Covers component scaffolding, UI/UX design, accessibility audits, and design systems.

31 Updated today

kumaran-is

Web & Frontend Featured

inspira-ui

120+ Vue/Nuxt animated components with TailwindCSS v4, motion-v, GSAP, Three.js. Use for hero sections, 3D effects, interactive backgrounds, or encountering setup, CSS variables, motion-v integration errors.

106 Updated 1 months ago

secondsky

Web & Frontend Featured

ckmdesign-system

Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, component specs, strategic slide creation. Use for design tokens, systematic design, brand-compliant presentations.

62,072 Updated 1 months ago

nextlevelbuilder