Skip to the content

(01) Ready-made components for sites that win awards

Motion worth an award. Already built.

Every plane is a real component of the library, recorded as it runs. Drag the wall.

Behind the title, a curved wall of video planes: each plane is the recording of one component of the library. It drifts, and can be dragged.

(02) In focus01/ 03

Pixel trail

CursorNo. 01

Images settle along the path of the cursor, then leave again.

One component. Three ways to ship it.

(03) The library as it really is

Inside the library.

(04) The library in your assistant

Ask your assistant. Get the real thing.

MCP · Claude · Claude Code · Cursor

One continuous shot, driven by the scroll: a close, tilted view of an assistant's prompt where the ask types itself and the component's name becomes a token; the real recording of Pixel wake appears behind the card; the view widens onto an editor frame where the component's files land one by one, pixel-wake.js, pixel-wake.css, snippet.html and spec.md; it ends on the component, full frame.

Plug the library into your assistant once. Every effect you ask for lands in your code, as the component itself.

How it works

(05) What people ask before they start

Asked, answered.

All the questions

Pick one of three. Copy to Webflow puts the structure of the effect and its code on your clipboard, ready to paste on the canvas. Download the code gives you a zip with the script, the stylesheet, the markup, the spec, a readme and the demo page. Copy the AI prompt hands your assistant the code, the markup, every setting and every pitfall in one paste.

Not in Webflow. You paste, and the settings are custom attributes on the element, in the panel you already use. The code and the prompt are there for when you want them.

Yes. One account is one person, on all of their projects, personal and client, sold sites included, with no limit and no credit to give.

What you cannot do is resell or redistribute the components, or put them in a theme, a template, a UI kit, a marketplace, a course or a public repository.

What you already put on your sites keeps working. You simply stop taking new things from the library.

Every one reads prefers-reduced-motion and has a calm state for it. They are set in Geist and Geist Mono, under the SIL Open Font License, and take your own fonts in one line.

(06) One price for the whole library

Monthly, yearly, or once.

Membership
17 €
  • The whole library, while it runs
  • Webflow, code and AI prompt for each
  • Cancel any time
  • Excl. VAT
Become a member
LifetimeFirst 100
199 €299 €once
  • Everything the library holds, and will hold
  • New components and new versions included
  • 199 € for the first 100, then 299 €
  • Excl. VAT
Get lifetime