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.).
beautiful-react-hooks is a TypeScript library providing a collection of over 50 reusable, well-tested custom React hooks for common patterns such as lifecycle management, event handling (mouse, touch, swipe, drag, resize, scroll), geolocation, media queries, local/session storage, debounce/throttle, timers, animations, and more. The architecture is clean and modular: each hook is a standalone file with its own TypeScript types, unit tests, and documentation. Shared utilities (SSR detection, API support checks, warning helpers) are separated into a shared module, and a factory pattern is used to create storage hooks. The library supports tree-shaking via per-hook imports and provides both CommonJS and ES module builds. It also includes a comprehensive styleguidist documentation site with interactive examples. The code demonstrates strong engineering practices: proper handling of SSR, browser API availability checks, cleanup logic in useEffect, and memoization to avoid unnecessary re-renders. Peer dependencies (rxjs, react-router-dom) are required only for specific hooks, keeping the core lightweight.
Playroom is a code-oriented design environment for React component libraries. It allows developers to write JSX code in an in-browser CodeMirror editor and see live previews rendered inside isolated iframes, with support for multiple themes and viewport widths simultaneously. The application provides a CLI (playroom start / build) that generates a dynamic webpack configuration, serves the editor UI via webpack-dev-server in development, or produces a static build for production. The frontend is a single-page React application using Vanilla Extract for CSS-in-JS, with state managed via React context and persisted to IndexedDB via localforage. Code is compiled client-side with sucrase, and the entire editor state (code, themes, widths) can be compressed into shareable URLs via lz-string.
This repository is the Front End Interview Handbook, a comprehensive collection of front-end interview questions and answers covering HTML, CSS, JavaScript, system design, behavioral topics, and company-specific experiences. It is built as a static documentation site using Docusaurus 3, with a custom theme that includes sidebar advertisements and a modified table of contents. The site supports 10 languages through i18n and is deployed at frontendinterviewhandbook.com. While primarily a content repository, it demonstrates solid software engineering practices in its Docusaurus configuration, custom theme components, and multilingual setup. The content is curated from the h5bp/Front-end-Developer-Interview-Questions repository and community contributions, with references to authoritative sources. The repository also includes blog posts and success stories. It is not a traditional application or data pipeline but a hybrid of a documentation site and a curated knowledge base.
This repository is a front-end todo list application built with Next.js and React, demonstrating clean (hexagonal) architecture principles. The codebase is organized into domain, application, and infrastructure layers, promoting separation of concerns and testability. The domain layer contains pure use cases and interfaces, making it highly reusable. The infrastructure layer provides implementations for localStorage and in-memory storage. The application layer uses React components to interact with the domain via use cases. Despite the strong architectural foundation, the project suffers from significant technical drift due to outdated dependencies (Next.js 11, React 17, TypeScript 4.4, etc.), indicating a lack of recent maintenance.
This repository is a curated collection of front-end developer interview questions, organized by topic (General, HTML, CSS, JavaScript, Testing, Performance, Network, Coding, Fun) and translated into 30+ languages. It is built as a static website using the Eleventy (11ty) static site generator, with Nunjucks templates, Markdown content files, and a modest CSS/JS asset pipeline. The core value is entirely in the question content and its community translations; the application layer is a thin publishing wrapper. There are no reusable software components of note — the Eleventy config, CSS, and JS are all straightforward boilerplate for a documentation-style static site. The project's influence stems from its content curation and community adoption, not from any technical craftsmanship in the codebase.
This repository is a PHP-based living style guide boilerplate that generates a web-based style guide from HTML markup snippets and Markdown documentation. The system scans directories of markup files, renders them with syntax highlighting (Prism.js), and provides a navigable interface with color swatches, font stacks, and documentation sections. It is a simple, monolithic PHP application with a single entry point (index.php) and a helper functions file (functions.php). While the code is clean and well-commented, it relies on outdated practices (no dependency management, no modern PHP, legacy CSS vendor prefixes) and has not been updated since 2018. The repository serves as a starting point for teams to create custom style guides, but it requires significant modernization to be used effectively in contemporary front-end workflows.
This repository is a curated list (awesome list) of external resources for front-end system design, maintained by GreatFrontEnd. It contains no executable code, no application logic, and no data pipelines; it is purely a well-organized README file with links to articles, case studies, guides, and open-source projects related to designing large-scale front-end systems. The content covers topics such as news feeds, e-commerce, chat apps, video streaming, collaborative editors, and UI component patterns. Because it contains no source code, it cannot be classified as a software application in the traditional sense; it serves as a reference collection. The repository shows recent activity and has a minimal structure with only a license, a cover image, and the README. There are no reusable software components to extract—the value lies in the hand-picked links and organized categories.