# Foundation CSS

> Open-source tools for building websites and emails.

Foundation CSS is a collection of focused, standalone developer tools. Each project solves one problem well — no monolithic frameworks, no lock-in.

## Projects

### Inky — Email Framework
- [Overview](https://foundationcss.com/inky/)
- [Getting Started](https://foundationcss.com/inky/getting-started/): Installation, CLI commands, scaffolding
- [Components](https://foundationcss.com/inky/components/): 27 email components — buttons, cards, hero, callout, social links, and more
- [Styles](https://foundationcss.com/inky/styles/): SCSS framework with responsive grid, dark mode, and customizable variables
- [Data Merging](https://foundationcss.com/inky/data-merging/): Merge JSON data into templates with MiniJinja
- [Hybrid Output](https://foundationcss.com/inky/hybrid-output/): Modern div layout with Outlook table fallbacks
- [Language Bindings](https://foundationcss.com/inky/bindings/): Node.js, PHP, Python, Ruby, Go, and WebAssembly
- [Email Guide](https://foundationcss.com/inky/email-guide/): Best practices for email HTML development
- [Compatibility](https://foundationcss.com/inky/compatibility/): Email client support matrix
- [Migration](https://foundationcss.com/inky/migration/): Migrating from Foundation for Emails
- [Troubleshooting](https://foundationcss.com/inky/troubleshooting/): Common issues and solutions
- [Playground](https://foundationcss.com/inky/playground/): Try Inky in your browser via WebAssembly

Inky is written in Rust. Install via Homebrew (`brew install foundation/inky/inky`), npm (`npm install -g inky`), or Cargo (`cargo install inky-cli`).

### Proton — Static Site Compiler
- [Overview](https://foundationcss.com/proton/)
- [Installation](https://foundationcss.com/proton/install/): Install via Composer
- [Getting Started](https://foundationcss.com/proton/getting-started/): Create your first site
- [Templates](https://foundationcss.com/proton/templates/): Layouts, pages, partials, and macros with Twig
- [Data](https://foundationcss.com/proton/data/): YAML and JSON data files with front matter
- [Assets](https://foundationcss.com/proton/assets/): Static file handling and cache busting
- [Configuration](https://foundationcss.com/proton/configuration/): proton.yml options reference
- [Sitemap](https://foundationcss.com/proton/sitemap/): Auto-generated sitemap.xml
- [Update](https://foundationcss.com/proton/update/): Updating Proton

Proton is built with PHP. Install via Composer (`composer global require foundation/proton`) or Homebrew (`brew install foundation/proton/proton`).

## Optional

- [Full documentation](https://foundationcss.com/llms-full.txt)