Motion stylesheet
The one-time install behind every motion item: the keyframes (rise, fade, blur, scale, wipes, sweep, circle, block, fill, shine, aurora, marquee, count, stack, focus, and the glow buttons' pulse, sweep, flicker and flow), the registered properties they animate, the easing tokens (ACSS's presets when the site has them) and two spring easings sampled into linear(). Copy it, then in Etch open Styles, Stylesheets, add one named EtchPress Motion and paste. Free.
Live preview
- ep-rise
- ep-fade
- ep-blur
- ep-scale
- ep-wipe-up
- ep-wipe-left
- ep-zoom-out
- ep-fill-down
Each tile plays the keyframe it is named after, out and back, on a loop.
What you can build with it
The one-time install behind every motion item in the library. Entrances, wipes and fills for your own elements, by keyframe name. Easing and spring tokens shared across a whole site.
Props
None. Install once per site: Copy, then Etch, Styles, Stylesheets, New, name it EtchPress Motion, paste, save. Every motion item then works by class; without it they show their finished state.
States shown
A stylesheet has no states. Every animation it defines ends at the element's own styles, so nothing depends on it to be visible.
How to change it
Paste it once as a global stylesheet. The easing and spring tokens sit at the top of the file: change them there and every motion item follows. Keyframes are named ep- so they cannot collide with yours.
ACSS tokens used
None. Names are prefixed ep- so they cannot collide with ACSS or your own keyframes.
ACSS requirements
ACSS 4 defaults. Etch 1.6 or later (global stylesheets).
Version history
Version 1.9.0, October 11, 2026: Keyframes for Neon tide: the parallax waves and the rising dust. Version 1.8.0, October 5, 2026: ep-mix-left, ep-mix-center and ep-mix-right, the drift of the three-glow hero background. Version 1.7.0, October 4, 2026: ep-dusk-a and ep-dusk-b, the drift of Aurora band's Dusk palette. Version 1.6.0, September 30, 2026: Keyframes for the text effects: a line rising from behind its mask, and a shimmer crossing text. Version 1.5.0, September 28, 2026: Keyframes for the glow buttons: pulse, sweep, flicker and flow. Version 1.4.0, September 21, 2026: Keyframes for the line wipe, the word blocks, the curtain and circle image reveals. Version 1.2.0, September 20, 2026: Two spring easings with their settle times. Version 1.1.0, September 20, 2026: Easing tokens read Automatic.css's presets when the site has them. Version 1.0.0, September 19, 2026: First release.
Tested with
Etch 1.6.7 and ACSS 4.0.1. Version 1.9.0.
Free item
Create a free account and copy it straight into Etch.
Used an earlier version? How to update it
Want EtchPress for Bricks or the block editor?
Everything here is made for Etch. Pick the builder you use and leave your email: we write once, when EtchPress works there.