$ show saadeghi/daisyui
daisyUI is a CSS component library for Tailwind CSS, providing semantic class names (btn, card, modal, etc.) that abstract low-level utility classes for rapid UI development. The repository is a monorepo containing the core library (packages/daisyui), a comprehensive documentation site built with SvelteKit (packages/docs), a playground for testing, and tooling for build automation and AI integration. The library is framework-agnostic, using pure CSS with modern features like @layer, CSS custom properties, and OKLCH color space. It ships 60+ component families and 35+ built-in themes, all configurable via CSS variables. The documentation site includes interactive component demos, install guides for 20+ frameworks, i18n support, and a theme generator. The project has a strong AI/LLM integration layer with structured skill files, MCP servers, and plugins for coding agents (Claude, Codex, Cursor, etc.).
The LLM identified 5 files worth highlighting for reuse:
A sophisticated CSS class and custom property prefixer that recursively processes CSS rules, handling complex selectors (pseudo-classes, attribute selectors, nested selectors) while preserving known prefixes (e.g., --color-, --tw-, --size-). It escapes special characters and maintains selector specificity. This is a self-contained utility that could be extracted for any CSS prefixing task.
Transforms @layer directives (e.g., @layer daisyui.l1.l2.l3) into nested CSS selectors by resolving layer names and wrapping rules accordingly. It handles nested @media queries and maintains rule order. A reusable pattern for PostCSS or similar CSS processing pipelines that need to flatten layered CSS for legacy browser compatibility.
Extracts plain text and heading structures from markdown content without a full parser. Uses regex and state machine to handle code blocks, links, images, and HTML entities. Produces a clean text array and heading hierarchy. Useful for search indexing, translation extraction, or content summarization in any markdown-based project.
A remark plugin that automatically generates unique, human-readable IDs for markdown headings based on their text content. Handles duplicate IDs by appending suffixes, strips HTML tags, and normalizes Unicode characters. This is a drop-in plugin for any remark pipeline to add heading anchors without external dependencies.
Reads CSS files from a themes directory, extracts custom property definitions, and generates structured JavaScript objects with theme names and their CSS variable values. Handles media queries and prefers-color-scheme rules. Can be reused for any CSS-based theme system to produce a machine-readable theme index.