# automattic/_s

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/automattic-s).**

10,985 stars · 3,028 forks · CSS · GPL-2.0 · archived

## Links

- GitHub: https://github.com/Automattic/_s
- Homepage: https://underscores.me/
- awesome-repositories: https://awesome-repositories.com/repository/automattic-s.md

## Description

This project is a development toolkit and starter kit for creating custom WordPress themes. It provides a standardized scaffolding tool to initialize a minimal codebase and directory structure, serving as a foundation for building custom site designs.

The toolkit includes a build pipeline that automates the compilation of Sass into browser-ready CSS and the generation of mirrored right-to-left stylesheets. It further assists in theme preparation through a translation template generator that extracts translatable strings into portable object files.

The system covers a broad range of development capabilities, including static code linting to verify coding standards, asset bundling to package production-ready archives, and optional boilerplate integration for e-commerce support.

## Tags

### Content Management & Publishing

- [WordPress Theme Starter Kits](https://awesome-repositories.com/f/content-management-publishing/wordpress-theme-starter-kits.md) — Provides a foundational starter kit to initialize the codebase and directory structure for custom WordPress themes. ([source](https://underscores.me/))
- [Theme Development Frameworks](https://awesome-repositories.com/f/content-management-publishing/theme-development-frameworks.md) — Offers a structured development workflow including automated asset compilation and linting for theme creation.
- [Build Toolchains](https://awesome-repositories.com/f/content-management-publishing/wordpress-theme-starter-kits/build-toolchains.md) — Provides a coordinated set of scripts to compile Sass, generate translation templates, and bundle archives.
- [Production Pipelines](https://awesome-repositories.com/f/content-management-publishing/wordpress-theme-starter-kits/production-pipelines.md) — Implements a production-ready asset bundler that packages theme files while stripping development tools.
- [Localization Starters](https://awesome-repositories.com/f/content-management-publishing/wordpress-theme-starter-kits/localization-starters.md) — Provides a starter kit that automates translatable string extraction and RTL stylesheet generation.
- [Localization Tooling](https://awesome-repositories.com/f/content-management-publishing/wordpress-theme-starter-kits/localization-tooling.md) — Extracts translatable strings into POT files and generates right-to-left stylesheets for internationalization.
- [Localization Tools](https://awesome-repositories.com/f/content-management-publishing/wordpress-theme-starter-kits/localization-tools.md) — Ships a generator that extracts translatable strings into portable object files to simplify theme localization.

### Software Engineering & Architecture

- [Project Scaffolding](https://awesome-repositories.com/f/software-engineering-architecture/application-bootstrapping/project-scaffolding.md) — Initializes a standardized minimal codebase and directory structure to bootstrap custom WordPress theme development.
- [Translation File Generators](https://awesome-repositories.com/f/software-engineering-architecture/application-lifecycle-management/configuration-management/configuration-formats-and-schemas/yaml-configuration-files/locale-translation-files/translation-file-generators.md) — Generates portable object templates by scanning source files for translatable strings to support multi-language localization.
- [Coding Standards](https://awesome-repositories.com/f/software-engineering-architecture/development-methodologies/engineering-best-practices/code-craftsmanship-standards/coding-standards.md) — Checks source files against established coding standards to ensure consistency and maintainability. ([source](https://cdn.jsdelivr.net/gh/automattic/_s@master/README.md))

### User Interface & Experience

- [Custom Theme Development](https://awesome-repositories.com/f/user-interface-experience/custom-theme-development.md) — Provides toolsets for building comprehensive visual layouts and pages to define a custom site design. ([source](https://cdn.jsdelivr.net/gh/automattic/_s@master/README.md))
- [Bootstrap Theme Collections](https://awesome-repositories.com/f/user-interface-experience/styling-theming-systems/content-styling/component-styling-tools/component-styling/theme-style-customizations/bootstrap-theme-collections.md) — Generates a minimal set of templates and styles to serve as a foundation for unique site designs. ([source](https://cdn.jsdelivr.net/gh/automattic/_s@master/README.md))
- [Project Scaffolding](https://awesome-repositories.com/f/user-interface-experience/styling-theming-systems/content-styling/component-styling-tools/component-styling/theme-style-customizations/bootstrap-theme-collections/project-scaffolding.md) — Generates a minimal, standardized codebase and directory structure to serve as the starting point for custom themes. ([source](https://cdn.jsdelivr.net/gh/automattic/_s@master/README.md))
- [Site Theming](https://awesome-repositories.com/f/user-interface-experience/terminal-user-interfaces/visual-styling-presentation/interface-appearance-customization/site-theming.md) — Provides a foundation for customizing site-wide visual styles and stylesheets for WordPress. ([source](https://cdn.jsdelivr.net/gh/automattic/_s@master/README.md))
- [RTL Generation Tools](https://awesome-repositories.com/f/user-interface-experience/frontend-ui-toolkits/right-to-left-support/rtl-generation-tools.md) — Includes a utility to generate right-to-left stylesheets for multilingual support.
- [Distribution Preparation](https://awesome-repositories.com/f/user-interface-experience/ui-theming/theme-distribution/distribution-preparation.md) — Generates translation templates and bundles the final project into a compressed archive for distribution. ([source](https://cdn.jsdelivr.net/gh/automattic/_s@master/README.md))
- [Production Packaging](https://awesome-repositories.com/f/user-interface-experience/ui-theming/theme-distribution/production-packaging.md) — Packages theme files into compressed archives while removing unnecessary source and development tools.
- [Theme Packaging](https://awesome-repositories.com/f/user-interface-experience/ui-theming/theme-distribution/theme-packaging.md) — Creates a compressed archive of the project while excluding unnecessary development files for deployment. ([source](https://cdn.jsdelivr.net/gh/automattic/_s@master/README.md))

### Development Tools & Productivity

- [Build Automation Scripts](https://awesome-repositories.com/f/development-tools-productivity/build-automation-scripts.md) — Uses automated scripts to orchestrate the compilation, linting, and bundling of theme assets.
- [Build Toolchains](https://awesome-repositories.com/f/development-tools-productivity/build-toolchains.md) — Implements an automated build toolchain to coordinate asset compilation, linting, and bundling.
- [Sass Compilers](https://awesome-repositories.com/f/development-tools-productivity/build-tooling/template-compilation-tools/template-compilation-tools/sass-compilers.md) — Compiles Sass source files into browser-ready CSS and generates mirrored right-to-left stylesheets.
- [Stylesheet Compilation](https://awesome-repositories.com/f/development-tools-productivity/build-tooling/template-compilation-tools/template-compilation-tools/sass-compilers/stylesheet-compilation.md) — Compiles advanced stylesheet syntax into standard CSS for browser compatibility and RTL support. ([source](https://cdn.jsdelivr.net/gh/automattic/_s@master/README.md))
- [Style Compilers](https://awesome-repositories.com/f/development-tools-productivity/cli-build-tools/style-compilers.md) — Transforms preprocessor files into static CSS and generates right-to-left mirrored styles. ([source](https://cdn.jsdelivr.net/gh/automattic/_s@master/README.md))
- [Build Pipelines](https://awesome-repositories.com/f/development-tools-productivity/development-platforms/wordpress/build-pipelines.md) — Implements a full build pipeline that automates Sass compilation and production bundling for WordPress themes.
- [Project Bootstrapping Templates](https://awesome-repositories.com/f/development-tools-productivity/project-bootstrapping-templates.md) — Provides predefined blueprints and templates to generate the initial directory structure for new themes.
- [Bundle Distribution Tooling](https://awesome-repositories.com/f/development-tools-productivity/bundle-distribution-tooling.md) — Packages the theme into a compressed archive by removing development assets for distribution. ([source](https://cdn.jsdelivr.net/gh/automattic/_s@master/README.md))
- [Code Linters](https://awesome-repositories.com/f/development-tools-productivity/code-linters.md) — Provides a static analysis engine that verifies source files against defined coding standards.
- [Theme Linters](https://awesome-repositories.com/f/development-tools-productivity/development-platforms/wordpress/theme-linters.md) — Provides a static analysis tool to scan theme files for syntax errors and style violations.
- [Project Bundling](https://awesome-repositories.com/f/development-tools-productivity/project-bundling.md) — Combines project files into a single distribution archive and removes development-only assets. ([source](https://cdn.jsdelivr.net/gh/automattic/_s@master/README.md))
- [Static Code Linting](https://awesome-repositories.com/f/development-tools-productivity/static-code-linting.md) — Analyzes source code against style guides to detect syntax errors and consistency violations.

### Programming Languages & Runtimes

- [Build Toolchain Coordinators](https://awesome-repositories.com/f/programming-languages-runtimes/webassembly-glue-code-generators/build-toolchain-coordinators.md) — Coordinates the sequence of asset compilation and quality checks through a script-based pipeline.

### Web Development

- [Frontend Asset Compilation](https://awesome-repositories.com/f/web-development/frontend-asset-compilation.md) — Transforms source stylesheets into browser-ready CSS files as part of the build process.
- [Production Asset Bundling](https://awesome-repositories.com/f/web-development/production-asset-bundling.md) — Provides production-ready asset bundling that strips development files and compresses the final theme archive.
- [CSS Build Tools](https://awesome-repositories.com/f/web-development/web-infrastructure-deployment/asset-management-build-tools/style-optimization-tools/css-build-tools.md) — Ships a build process that compiles stylesheet source files into browser-ready CSS.

### Part of an Awesome List

- [Code Quality and Linting](https://awesome-repositories.com/f/awesome-lists/devtools/code-quality-and-linting.md) — Provides automated linting to verify that source code adheres to defined coding standards. ([source](https://cdn.jsdelivr.net/gh/automattic/_s@master/README.md))

### DevOps & Infrastructure

- [Theme Packages](https://awesome-repositories.com/f/devops-infrastructure/package-distribution/theme-packages.md) — Creates compressed archives of the theme while excluding development and system files for deployment. ([source](https://cdn.jsdelivr.net/gh/automattic/_s@master/README.md))

### Testing & Quality Assurance

- [Static Code Analysis Tools](https://awesome-repositories.com/f/testing-quality-assurance/code-quality-review/code-quality-tools/static-code-analysis-tools.md) — Scans source code for bugs and style violations using static analysis without executing the program.