Inside EtchedyEvery tool, none of the noise

The system behind every pattern.

Eight tools built from real client work: find any pattern in seconds, keep what you build, switch brands in one click, file work by client, import whole websites, put your name on the panel, animate anything and filter any list.

Get Etchedy Start with free packs

New in 1.1

Two new tools. Motion and filters, no code.

Both came from the same client work as the rest: the jobs we kept writing code for, now one drag or six steps away.

Four frames of an Etchedy animation: the heading words rise, then three photo cards fade up one by one

New in 1.1

07 · Animate

Animations. Drag motion onto anything.

80 ready-made animations in six types. Drop one on a heading, a card, an image or a whole section, then tune it in the props. No scripts to write.

Entrance, text, cursor, hover, loop and scroll
Every option is a prop: trigger, timing, easing
Respects reduced motion, loads only where used

Explore Animations

A Facet Pro filter view on a live page, filtered by the Travel category

New in 1.1

08 · Filter

Facet Pro. Filters for any list, no code.

Search, filters and sorting for a blog, a shop or a directory. Build it in six steps with a live preview, then paste it into Etch as real components.

Filters suggested from your real content
Eight card styles, or your own component
Results update in place, every view has a link

Explore Facet Pro

Eight tools

One problem each. One fix each.

Scroll through the tools, or jump straight to one.

01Find

Visual browser. Find any pattern in seconds.

~~“Where did I put that hero from three projects ago?”~~

Search, filter and preview the whole library without leaving Etch. Open the Etchedy panel, type two letters, and the pattern you need is right there.

pricingSearch

2 of 785 match

Open the panel Etchedy sits inside the Etch editor, one click from your canvas.
Search or filter Search by name or tag, filter by type and category, switch between tree and grid.
Preview and paste Open a live preview or Quick View, copy the pattern and paste it onto the page.

Explore Visual browser

02Keep

Save to Etchedy. Build it once. Reuse it forever.

~~“I've built this exact card five times.”~~

One click saves any block you design in Etch into your personal library, right beside ours, ready for every project after this one.

Save to Etchedy

My library4142

Select a block Any section, component or element you built on the canvas.
Click Save Name it and pick a folder.
Reuse anywhere It sits in your library, ready for every project after this one.

Explore Save to Etchedy

03Style

Brand kits. Change the brand, not the blocks.

~~“Another project, another day of brand setup.”~~

Pick a brand kit, preview it and apply it to your ACSS settings in one click. Every pattern on the site restyles, and you can undo or reset whenever you like.

AaBook a visit

NeutralStudioMono

Pick a kit Browse the brand kits by mood, colour and type pairing.
Apply it One click writes the kit to your ACSS settings and every pattern follows.
Undo or reset Changed your mind? Undo the last kit or go back to your original settings.

Explore Brand kits

04Organise

Folders and tags. A library that stays tidy.

~~“My library is a junk drawer.”~~

Folders per client and searchable tags keep hundreds of patterns in order, so the right one is where you expect it, even three years in.

Client A
- Hero variants4
- Pricing2
Client B
Studio kit

darksaasv4approved

Make folders One per client, project or style.
Save into them Pick the folder when you save a block, or move it later.
Find it fast Search and filters narrow hundreds of blocks to the three you need.

Explore Folders and tags

05Launch

Site import. A whole website in a few clicks.

~~“Every new client starts from a blank page.”~~

Pick a ready-to-use website and the import wizard sets it up for you: pages, menus, your logo and brand kit, content and custom fields, plus the plugins it needs. New websites land every week.

01Pages and menusImported
02Logo, name and kitDone
03Content and fieldsDone
04Forms, shop, SEODone

Pick a website Browse the Sites library and preview every page first.
Follow the wizard Add your logo and name, choose the content, and map custom fields to Etch or ACF.
Launch The wizard imports everything and installs the plugins the site needs.

Explore Site import

06Brand

White label. Your studio's name on the panel.

~~“My clients shouldn't see my toolbox.”~~

Replace the Etchedy name and mark in the editor with your own studio branding, and decide which users can browse, import and save.

EtchedyYour Studio

Add your brand Set your studio name and logo once in the settings.
Choose access Pick which roles can browse the library, import sites and save blocks.
Hand over Clients see a polished tool made by you.

Explore White label

07Animate

Animations. Drag motion onto anything.

~~“I am not writing another scroll script for one fade-up.”~~

80 ready-made animations in six types. Drag one onto a heading, a card, an image or a whole section and it plays on your live site. Every option is a prop you can change.

Fade upWords riseTiltCount up

Motionthatfeelsdesigned.

Start a project

Fade up added to the card. Plays on scroll, 900 ms.

Open Animations Pick a type in the Etchedy panel: Entrance, Text, Cursor, Hover and click, Loop or Scroll.
Drag it onto an element Drop it on a heading, a card, an image or a section. Or select the element and click the tile.
Tune the props Effect, when it plays, timing, distance, easing and phones: every option is a prop.

Explore Animations