30 open-source projects similar to airbnb/css, ranked by how many features they have in common. Compare stars, activity and what each one does to find the best Airbnb Css alternative.
Idiomatic CSS is a CSS style guide and architecture standard designed to ensure the creation of consistent and maintainable styles. It provides a set of standardized rules and conventions for writing idiomatic CSS code, functioning as both a formatting specification and a general guide for style organization. The project focuses on CSS preprocessor best practices, specifically providing guidelines to manage nesting depth and selector specificity to avoid complex cascades. It further distinguishes itself through structured documentation patterns and component sectioning to improve the long-ter
This project is a comprehensive collection of frontend development best practices and standards. It provides guides for writing semantic HTML, efficient CSS, and functional JavaScript to improve overall web performance and accessibility. The repository establishes frameworks for modern CSS architecture, focusing on specificity management and the use of Flexbox and Grid for predictable layouts. It outlines patterns for functional JavaScript programming, emphasizing the use of pure functions and composition to reduce execution time and dependency bloat. The guidelines cover several core capabi
North is a responsive web design methodology and Sass-based CSS architecture framework. It provides a system for building mobile-first user interfaces using fluid grids and progressive enhancement techniques to ensure a consistent experience across different browser capabilities and screen sizes. The project features a standardized CSS naming system that uses Sass mixins to programmatically generate class names, distinguishing between components, layouts, and states. It also functions as a frontend project scaffolding tool, providing a generator to bootstrap new environments with pre-configur
This project provides a comprehensive framework for standardizing CSS architecture and development practices in large-scale web applications. It establishes a structured approach to managing design patterns, ensuring that stylesheets remain maintainable, scalable, and consistent across complex codebases. The methodology centers on the use of block-element-modifier naming conventions to organize user interface components into independent, reusable units. By enforcing flat selector specificity and namespace-based scoping, the framework prevents naming collisions and unintended style overrides.
CSS Guidelines is a comprehensive style guide and reference for writing maintainable, scalable, and modular CSS in large-scale web projects. It provides a set of professional standards for organizing stylesheets and implementing consistent naming patterns to improve long-term codebase health and reduce technical debt. The project centers on a strict methodology for scoping classes to create isolated and predictable components, preventing style leakage between independent parts of a user interface. It emphasizes a flat selector hierarchy to avoid specificity conflicts and encourages the separa
This project is an advanced CSS learning curriculum consisting of starter files and final projects. It provides a collection of real-world implementations and a project gallery designed for mastering modern layout and styling techniques. The curriculum focuses on a modular approach to stylesheets using Sass variables and architecture. It emphasizes the block-element-modifier naming convention to create maintainable and reusable CSS. The material covers several core capability areas, including responsive web design using CSS Grid, Flexbox, and media queries. It also includes the development o
rscss is a CSS architecture framework and design system specification used to organize stylesheets. It provides a methodology for defining reusable components and their child elements through a consistent naming standard and component-based file partitioning. The system emphasizes a flat nesting hierarchy to prevent specificity conflicts and deep selector nesting. It utilizes a visual variant pattern that applies appearance variations to components via prefixed classes and a utility class specification for implementing global helper classes for layout adjustments. The framework covers the br
Suit is a CSS component architecture framework and methodology designed for organizing styles using predictable naming conventions for components, descendants, and visual variations. It serves as a design system styling framework that maps application states and design variations to modular CSS rules. The system utilizes namespace-based CSS scoping to isolate component styles and prevent unintended side effects in global stylesheets. It also functions as a utility-first toolkit, providing a system for applying single-purpose layout and spacing rules to reduce code duplication. The methodolog
Get BEM to all people in simplest way
Sass-lint is a static analysis engine designed to enforce coding standards and maintain consistent syntax across Sass and SCSS codebases. As a command-line utility, it integrates into development workflows and build pipelines to automate the validation of stylesheets, ensuring that formatting and best practices are applied consistently throughout a project. The tool distinguishes itself through a flexible configuration system that supports recursive rule inheritance and custom overrides, allowing for the management of complex, large-scale project requirements. It provides granular control ove
This project is a software engineering style guide and a curated collection of architectural patterns and coding standards. It provides a multi-language coding standard to ensure maintainable software across Ruby, Python, JavaScript, and Swift. The project establishes a development workflow specification for version control, continuous integration, and peer review to maintain a linear project history. It also includes a web accessibility framework based on ARIA and WCAG standards, using design tokens and semantic HTML patterns to build inclusive interfaces. The guides cover a broad range of
This project provides a methodology for organizing, scoping, and naming styles to ensure maintainable and scalable stylesheets in large web applications. It functions as a structured approach to managing component-based styles, preventing global namespace collisions and simplifying long-term codebase maintenance through a set of established design principles. The architecture relies on strict namespace-based encapsulation, where all class names are prefixed with unique component identifiers to ensure visual isolation between modules. It enforces a class-only selector strategy to avoid the mai
This project is an ESLint plugin and static analysis tool designed to enforce best practices, prevent bugs, and maintain code quality in React projects. It functions as a specialized JSX linter that analyzes the syntax and structure of components to detect anti-patterns and API misuse. The plugin distinguishes itself by providing deep analysis of React-specific patterns, such as detecting state race conditions, preventing nested component definitions, and identifying unstable references that cause unnecessary re-renders. It also includes security hardening rules to identify vulnerabilities li
This project provides a comprehensive style guide and architectural framework for building maintainable, modular, and consistent components within the Vue.js ecosystem. It establishes a set of standardized rules for organizing user interface elements into self-contained units, ensuring that logic and styles remain isolated to prevent unintended side effects. The guide distinguishes itself by focusing on strict encapsulation and clear interface design. It promotes the use of namespace-based style scoping to prevent visual leakage and enforces predictable component inputs through descriptive na
Spec is a comprehensive set of frontend coding standard specifications and project architecture guides. It provides a framework for organizing directory structures, module dependencies, and package layouts to create scalable and predictable codebases. The project defines rigorous governance standards for React components, including specific naming conventions and structural patterns for props. It also establishes a JSON API data specification to ensure predictable communication between system components through standardized exchange formats and HTTP response structures. The specification cov
This project is a JavaScript style guide and Node.js coding standard designed to ensure the creation of consistent, maintainable, and readable code. It serves as a comprehensive reference for naming conventions, formatting, and architectural patterns. The project provides a linting configuration template that allows for the automatic enforcement of these standards. This includes predefined linting presets and a base of rules used to perform logic checks and automatic formatting across a codebase. The guidelines cover a broad range of standardization capabilities, including code and file form
This project is a code naming convention guide and programming style guide. It provides a language-agnostic set of rules for naming variables and functions to improve the readability and cohesiveness of a codebase. The guide implements a variable naming framework that organizes identifiers using abstract, high-context, and low-context patterns. It also defines a specific function naming pattern based on a prefix-action-context system to communicate the operational domain and intended results of a function. The system covers broader standards for code readability optimization, including the u
This project is a collection of Swift coding standards and static analysis rules designed to ensure consistency across Swift projects. It provides a defined set of naming conventions and structural guidelines to maintain a shared style for teams. The repository centers on a SwiftLint configuration used to automate the detection and correction of style violations in source code. This configuration enables automated style enforcement, ensuring that code adheres to organizational standards without requiring manual review. The guidelines cover the standardization of code formatting, naming, and
This project is a collection of engineering guidelines and best practices for writing readable and maintainable JavaScript source code. It serves as a clean code guide and refactoring manual to help developers improve the structure of their codebases. The repository provides a reference for applying SOLID principles to reduce coupling and enable extensions without modifying existing logic. It includes a naming convention standard for using explicit, searchable identifiers and a guide for asynchronous patterns to replace nested callbacks with clearer execution flows. The guidelines cover soft
This project is a Sass CSS framework boilerplate and design system template. It provides a structured project starter for organizing styles using a modular architecture that separates global defaults and components to maintain a scalable stylesheet layout. The framework includes a responsive layout system that manages screen widths via mapping functions to ensure consistent behavior across different device sizes. It utilizes reusable style rules, dynamic loops, and conditional styling logic to automate the generation of repetitive CSS rules. The system covers stylesheet segmentation through
inuit.css is a Sass-based CSS framework and design system tool focused on building scalable user interfaces. It serves as a modular preprocessor system that utilizes BEM architecture and OOCSS patterns to structure stylesheets into reusable components and layout abstractions. The framework distinguishes itself by separating structural layout logic from visual skinning, allowing for the creation of design-agnostic layout objects. It employs a configuration-driven build process where developers can use feature switches and variable overrides to inject design tokens and selectively include only
This project is a comprehensive Python style guide and technical reference designed to promote the creation of clean, maintainable, and idiomatic code. It provides a set of opinionated guidelines and architectural patterns focusing on functional and declarative programming to reduce complexity and improve overall code quality. The guide establishes specific standards for naming conventions, module organization, and project layout. It emphasizes reducing object coupling by favoring modules and functions over deep class hierarchies and offers technical standards for writing docstrings and marku
Cppcheck is a static analysis tool and linter for C and C++ source code designed to detect programming errors, memory leaks, and security violations without executing the program. It functions as a bug detection engine and quality assurance tool to identify concurrency issues, type cast errors, and compliance with secure coding standards. The project provides a graphical user interface for selecting files and reviewing errors, alongside a linter for enforcing naming conventions and coding standards. It supports the creation of custom analysis rules using regular expressions to identify specif
This project is a curated collection of guidelines and technical resources designed to improve C++ code safety, maintainability, and performance. It provides a comprehensive set of coding standards and best practices for establishing consistent naming, formatting, and structural patterns across C++ codebases. The guide offers specific technical advice on performance optimization, including methods for minimizing object copying, optimizing memory allocation, and reducing compilation cycles. It also provides a directory of tooling recommendations for implementing static analysis, fuzz testing,
This project provides a collection of coding standard specifications, style guides, and configuration assets used to define automated rules for static code analysis in Ruby. It serves as a centralized set of RuboCop configurations and static analysis rules to ensure consistent syntax and idiomatic usage across a codebase. The project establishes a comprehensive Ruby style guide that defines naming conventions, indentation, and structural requirements. It utilizes a pluggable linting engine to enforce these standards through a defined set of patterns and constraints. The capability surface co
CoreUI Free Bootstrap Admin Template is a pre-built, responsive admin dashboard template built on Bootstrap 5 for constructing back-office interfaces. It provides a library of UI components with native wrappers for React, Vue, and Angular applications, alongside a Sass-based theming system for managing brand colors, dark mode, and design tokens via variables and CSS custom properties. The template includes a set of advanced form controls such as autocomplete, date pickers, and multi-step wizards with built-in validation, and supports switching the entire interface between built-in dark and li
Compass is a CSS authoring environment and Sass extension library designed to streamline the implementation and maintenance of website designs. It functions as a framework for the Sass preprocessor, providing a collection of predefined mixins and functions to automate repetitive styling tasks. The toolkit focuses on frontend design automation and workflow optimization. It provides specialized tools and design patterns to simplify stylesheet authoring and reduce the manual effort required to implement complex design requirements. The system includes a build pipeline with file-watching capabil
This project is a static analysis tool and linter for Elixir designed to enforce a unified visual structure across codebases. It serves as a specification for code formatting, naming conventions, and documentation standards. The tool provides a standardized system for casing and prefixes used in files, functions, and variables. It also establishes guidelines for formatting module and function descriptions to ensure consistent technical documentation. The project covers a broad range of code quality areas, including the organization of module layouts, the implementation of commenting patterns