Zip Open

Zip Open reveals a message through a zipper you can move by hand. Drag the puller, reverse direction or stop halfway. The opening follows your gesture; only the fabric tension and puller's decorative motion settle afterward.

Three styles in one component

• Canvas: a vertical zipper in orange fabric with a silver puller.

• Sport: a horizontal zipper in blue fabric with an ivory ring puller.

• Studio: a diagonal zipper in charcoal canvas with a yellow fabric puller.

What you can edit

• Message, lining color, text color and typeface.

• Starting opening, puller size and the label's visibility and text.

Interaction

Drag with a pointer, tap or click to toggle, or use the keyboard. There is no autoplay. Reduced motion removes the decorative spring response. Framer's Canvas and export views keep the configured opening still.

Delivery and requirements

One purchase includes the installation URL, generated source, asset backups and English documentation. The interactive effect requires WebGL and modern browser APIs; unsupported graphics show a static fallback. No API key or separate backend is used. The component reveals short text, not arbitrary layers or private content. The demo's surrounding controls are not inserted with it.

License and support

The single-site commercial license covers one website or end product for you or one client. All three styles are included. Modification for that project is allowed; redistribution, resale, source sharing and multi-project use are not. Fonts retain their own licenses.

Contact hello@usesolvekit.com for setup questions or product defects. No fixed update schedule or future major version is promised. Digital purchases are normally final after access or download, subject to applicable law; contact support if the product is defective or materially different from this listing.