Independent Etch resource

Free Etch components, built and tested for client sites

Components, snippets and plugins for Etch, free to use on client sites. Every file has a version number, a changelog and a note on what was tested.

6 components 1 plugin 3 snippets

Not affiliated with Etch. Official site: etchwp.com

ArticleOct 12, 2026

How the first six Etch components were made

Etch Developer launches with six free Etch components. Each one starts as a written spec, is built with AI coding agents that follow rules I set, and is exported by Etch itself. Before a component gets a Copy button, it goes through browser tests on desktop and in phone emulators (nearly 400 test cases across the six), screen reader runs with VoiceOver and TalkBack, and a clean import of the exact file you download. This is the whole process, including what isn't tested or fixed yet.

Code Block

Publish code with syntax colors for 13 languages, copy and download, line numbers, highlighted, added and removed lines and a collapsible preview.

Oct 11, 20261.0.0-beta.2

Comments

Native WordPress comments for Etch: Inherit, Light and Dark themes, your own wording for every label and a sample discussion in the builder.

Oct 11, 20261.0.0-beta.2

Components

Copy into Etch, use on client sites

Between 17 and 45 settings per component, plus 40 to 68 CSS variables. Each component is tested with a keyboard, screen readers and phone emulators, and its page lists what’s still untested.

Code Block

Publish code with syntax colors for 13 languages, copy and download, line numbers, highlighted, added and removed lines and a collapsible preview.

Oct 11, 20261.0.0-beta.2

Comments

Native WordPress comments for Etch: Inherit, Light and Dark themes, your own wording for every label and a sample discussion in the builder.

Oct 11, 20261.0.0-beta.2

Back to Top

A native back-to-top button with a progress ring that follows its shape. It can appear only on the way up, stays clear of footers and cookie bars, and moves focus to the start of the page.

Oct 11, 20261.0.0-beta.4

Audio Player

An accessible audio player for podcasts, articles, lessons and samples: Compact or Card, Light, Dark or Inherit theme, optional download and remembered position.

Oct 11, 20261.0.0-beta.2

Before / After Image

Compare two photos with a divider you can drag, click or move from the keyboard. Horizontal or vertical, any frame ratio, optional zoom and more.

Oct 10, 20261.0.0-beta.3

Animated Counter

A number that counts up when it scrolls into view. The final value is in the page HTML, so screen readers get it right away, and visitors who reduce motion see it without the count.

Oct 10, 20261.0.0-beta.3

Snippets

Help SEO and translation plugins work with Etch

Short PHP snippets for plugins that don't handle Etch pages yet.

Polylang support

Polylang’s + link opens an empty draft for the new language. This snippet fills it with the source post’s Etch blocks.

Oct 11, 20261.0.0

$Rank Math support snippet for Etch$

Rank Math support

Etch keeps page text in blocks, so Rank Math sees an empty page. This snippet passes it your Etch text. Only for Etch 1.6.8 and earlier.

Oct 1, 20261.0.0

Slim SEO support

Slim SEO finds no text on Etch pages. This snippet passes it the text stored in your Etch blocks, so it can build automatic meta descriptions.

Sep 26, 20261.0.1

About

One person, one library

I'm Tom Chmiel, a WordPress developer from Poland. I built this library because the sites I build for clients needed these parts and Etch didn't have them yet.

This site has no ad budget. If a component saved you an afternoon, the best thanks is a link: in the Etch community, in a Facebook group, or to a colleague who builds with Etch.

Work with me