Oh My Etch
Buy Now
ComponentsFacetsWooPatterns
IDEtch
IDEtch StarterIDEtch MCP
Stripe-like navigationFacet SystemMap FacetWoo Store
DocsPricingMy accountBuy Now
The pro component layer for Etch

Stop rebuilding. Start composing.

Oh My Etch gives Etch a professional layer of atomic, accessible components — UI, faceted search, and a full WooCommerce surface. Composable behavior that never touches your design.

See pricingSee it in action

One-time payment · Lifetime updates · Built for Etch + ACSS

Accordion · family treeATOMIC
  • Accordionroot
    • Accordion Itematom
      • Accordion Headeratom
        • Accordion Triggerbtn
      • Accordion Contentslot
29+Component families
3+Pillars + patterns
100%Keyboard + ARIA
0Frameworks required
The philosophy

Logic without opinion.

Most libraries ship finished UI and make you bend your design to theirs. Oh My Etch ships the opposite: atoms that own one job — accessible behavior — and stay out of your way.

An Accordion isn't a FAQ block. A Dialog isn't a popup template. They're atoms you compose.

The split
The component ownsYou keep
Keyboard nav, ARIA, focusTypography, spacing, color
State, form scope, facet wiringGrid, flex, breakpoints, brand
Consistent runtime behaviorMarkup in slots, copy, imagery
What's inside

Three pillars. One composition model.

Learn the model once. It works the same across every family.

01 — UI Components

Interactive building blocks

Accessible, keyboard-navigable families for the patterns you rebuild on every project — no custom glue code.

9 families
AccordionTabsDialogDrawerCarouselNav Menu
Explore components
02 — Facets

Filtered archives for any CPT

Turn any post type into a URL-stateful, faceted archive. Controls update result targets by shared ID — search, select, map, pagination.

10 families
SearchSelectCheckboxMapPaginationTarget
Explore facets
03 — WooCommerce

Product, cart & checkout atoms

Compose product, cart, and checkout UI while WooCommerce stays the source of truth — Store API plus native hooks, fully intact.

10 families
Add to CartCart ItemsTotalsCheckoutCoupons
Explore Woo
+ Patterns Library

A faster starting point

Heros, Feature Sections, Bento Grids, Footers, Pricing, Team, Blog, CTA — ready-to-use layouts you mix, match, and make your own.

Browse patterns
Composition is the product

One family. Infinite layouts.

Each family is a small set of atoms. Re-arrange them and the same accessible logic becomes a completely different experience.

Carousel · structureSLOTS & ATOMS
  • Carouselroot
    • Carousel Slideslot
    • Carousel Previous Buttonbtn
    • Carousel Next Buttonbtn
    • Carousel Dotsatom

From those carousel atoms, you compose:

Product gallery
Testimonial slider
"
Editorial rail
Synced thumbnails

Same touch handling, keyboard support, pagination, and Swiper-powered runtime — zero rewrites when the layout changes.

See it in action

Real builds. Real components.

Production-ready layouts composed entirely with Oh My Etch.

Facets showcase

Advanced facet system

A full e-commerce filtering experience — complex queries, active states, and instant UI updates without a reload.

Search facetCheckbox listPagination
UI showcase

Stripe-like navigation

An animated mega-menu built entirely with the Nav Menu family. Perfect positioning, smooth transitions, fully accessible.

Nav menuDropdownAnimation
Facets showcase

Map search directory

Geo-bounded results that update as you pan the map — listings and POIs stay in sync with the result target.

Map facetFacet targetMap POI
Woo showcase

Demo Woo Store

A checkout you actually control — address forms, shipping, payment, and totals as atoms, with WooCommerce still in charge.

Checkout shellStore APIAddress forms
Built right

Accessible by default. Tested once.

Accessibility isn't a setting you remember to turn on. It's wired into every family and verified in the test suite — so it works the same everywhere, on every project.

KeyboardARIAFocus trap
  • Full keyboard navigation & roving focus
  • ARIA roles, states & labels wired automatically
  • Focus management & trapping for overlays
  • RTL-aware & reduced-motion friendly
  • Server-rendered first paint
  • Plays nicely with ACSS & your classes
agent context
# point your agent at the docs
$ curl docs.ohmyetch.com/llms.txt
$ curl docs.ohmyetch.com/llms-full.txt

# every page also ships as plain markdown
→ /docs/ui-components/accordion.md
→ /docs/facets/overview.md
→ /docs/woo/overview.md
Agent-ready

Build with AI, without guessing the API.

Every doc ships as plain markdown, plus llms.txt and full-corpus bundles. Point Cursor, Claude, or any agent at the docs and let it compose components correctly — the first time.

LLM & agent access
Wall of love

Builders are shipping faster.

Real words from people who stopped rebuilding the same components.

Oh My Etch is a great add-on to use with Etch. Its integration and ease of browsing patterns and adding to the canvas is really simple and a joy to use. It’s already paid for itself in time saved on projects.
ALAmanda Lucas
OME User
Oh My Etch is making my life waaay easier on the Woocommerce website I’m working on. If you’re on the fence, go for it!
JDJohn Deaton
Agency owner
This is a really great and useful package; I’ve already used it on several projects, and I highly recommend it to everyone!✌️
SBStotz Balázs
Etch user
Woo launch promo

New pricing is live.

Pick a single pack, or get OME Full and stop thinking about the math. With the Woo promo active, Woo + Facets cost more than Full.

  • Components & Patterns start at $119
  • Facets and Woo are available as individual premium packs
  • OME Full includes Components, Patterns, Facets, and Woo
  • Oh My IDEtch is separate, with an all-in bundle available
Best value Woo promo$399OME Full LTD · regular $499Compare pricing Woo + Facets = $478 with promo
Questions

Frequently asked

Is this only for Etch users?
Oh My Etch is built for the Etch workflow and integrates with it natively. It's the professional component layer that turns Etch's flexibility into shippable, accessible interfaces.
Will it fight my design or ACSS?
No. Components carry behavior and accessibility — never opinionated visuals. Default styling is minimal, and your typography, spacing, classes, and ACSS tokens stay entirely yours.
Do I need to be an Etch expert?
No. If you can build a layout in Etch, you can compose Oh My Etch. Learn the composition model once — root, slots, atoms — and it works the same across every family.
Is it accessible and production-ready?
Yes. Keyboard navigation, ARIA wiring, and focus management are built in and verified in the test suite, so the same patterns behave correctly on every project.
What does the lifetime deal include?
Every pack unlocked today, all future updates as they ship, and full documentation — including agent-ready llms.txt bundles. One payment, no renewals.
Ready?

Skip the boring parts. Ship the good ones.

The professional toolkit that helps you stop fighting custom logic and start shipping polished, accessible work faster.

See pricingRead the docs