Hold

Get notified

We'll send you an email when we launch

By clicking 'Notify Me,' you agree to receive a one-time update regarding grabhold.now from the team at Nordcraft. We will process your data in accordance with our privacy policy.

Back
Golden Ratio
Golden Ratio

Hold

Let Go → Grab Hold, The designer's hand-off hero

Congratulations

You’re now the proud owner of an official Hold™.

The Hand-off Limbo Device is your new creative companion for the quiet space between design complete and build in progress. Hold™ is designed to support you through this delicate phase of productive inactivity.

While developers transform your pixels into code, Hold™ gives your hands, eyes and emotional subroutines something to do. Twist, tap and toggle your way through uncertainty. Adjust your mood, nurture your companion, and remember: progress may be paused, but you are still creating… in spirit.

Sticker

Instruction manual

v0.1.077

Powered By Nordcraft

At the heart of Hold™ lies Nordcraft, the creative engine that makes everything hum.

Hold™ is built on Nordcraft’s adaptive web framework, every toggle, animation and reactive moment flows seamlessly from its core. It’s what allows Hold™ to feel instant, expressive and alive, translating complex interactions into something beautifully simple.

Nordcraft powers the personality behind Hold™, enabling custom logic, ambient behaviours and rich motion through a shared visual foundation. We’ve layered in bespoke code and design details, but Nordcraft remains the quiet constant, coordinating everything with precision and ease. It’s not just the platform behind Hold™; it’s the reason Hold™ feels crafted, not coded.

Sticker

Features

Your Hold™ comes equipped with a carefully over-engineered set of interactive features, each designed to keep your hands busy and your hopes calibrated during the handoff process.

Dial

The Mood Dial

The adaptive state controller is the emotional nucleus of your Hold™. Rotate the dial to modulate the device's internal sentiment so that it matches how you feel, from calm optimism to pure design-review dread. Every other feature responds accordingly, adjusting its tone and unsolicited opinions to match.

Finally, a feedback loop you can actually control.

Dial

Reassurance

For those moments where you feel like your work deserves a standing ovation. Deliver instant validation with zero peer review.

Dial

Critique

Get 100% authentic and completely objective comments on your creative work to help you stay grounded.

Dial

Hot-Take

Get high-quality, bold and unfounded thought-leadership nuggets to post on social platforms while your work is built.

Dial

Translation

Practice speaking ‘developer’ with this handy phrase translation tool. Never misinterpret their scathing comments again!

Dial

Karaoke

Preloaded with a song for every mood, complete with on-screen lyrics for full-body catharsis. Sing loud and proud, or don’t... Hold™ can’t hear you (yet).

Dial

Vibe Slider

Fine-tune the emotional aura of your device with the chromatic vibe slider. Move the slider, watch the colour shift and pretend it helps you feel understood.

Contents

Your Hold™ demonstrates the power of Nordcraft, showcasing what’s possible with this amazing technology.

1
Components

A stunning suite of skeuomorphic styled inputs and device parts, prepared with slots and attributes.

2
Animation

Complex CSS transitions and keyframe animations using Nordcraft’s timeline engine.

3
Audio

A simple but powerful example of implementing sound effects without the use of an external library.

4
APIs

Third party data for website copy and media is fetched using Nordcraft’s automated actions.

5
Imports

Need your favourite library imported? With custom actions, Hold™ shows you how to connect them to your components.

6
Formulas

Taking full advantage of Nordcraft’s visual formula editor, dive into the functionality like never before!

7
LOCALSTORAGE

Save your user's settings between page refreshes with local storage. With Nordcraft it couldn't be easier.

8
State

Understand how data flow can be achieved, through passing down into component props, and emitting up from events.

Wondermake
Whitespace
Whitespace