How it works

From license to a running site

Five steps from the catalog to a site on your domain.

  1. 1

    Pick a template

    On the homepage, open the Products section. Use the filters if you want only free templates, paid ones, or the newest releases.

    Click a card to open the product page. Check the preview slides, the short description, what is included, and the tech stack. If it fits the site you need, stay on that page for the next step.

  2. 2

    Buy or claim it

    On the product page, read the price. Free templates ask for your email. Paid templates go through Stripe Checkout, where you pay with Apple Pay, Google Pay, or a card.

    Tick the checkbox that you agree to the Terms and Privacy policy. For a free template, enter your email and click Send download link. For a paid one, click Buy with Apple Pay, Google Pay or card. You leave our site, pay on Stripe with Apple Pay, Google Pay, or a card, and come back to an order confirmation page. We never see your card details.

  3. 3

    Get your license key

    After a paid order, you get two emails: one that confirms the payment, and one with the license. After a free claim, you get the license email only.

    The license email has a key that starts with msn_ and, when the zip is ready, a download link that works for 7 days. Save the key. You can install the template again later with the same key, even after the download link expires.

    If the mail is missing, check spam. You can also ask us at hello@motionsnack.dev and we will resend it.

  4. 4

    Install with npx

    Open Cursor, VS Code, or another editor with a terminal. Create an empty folder for the project, open that folder, then open the terminal.

    Run this command:

    npx motionsnack

    When it asks for a license key, paste the key from your email. The CLI downloads the zip, unpacks the template into a new folder, and installs the dependencies. When it finishes, go into that folder and start the local site:

    cd <template-folder>
npm run dev

    Open the URL shown in the terminal, usually http://localhost:3000. Change the copy, colors, and pages in the editor until the site is yours.

    You can also download the zip from the email link and unpack it yourself. Then run npm install and npm run dev in that folder.

  5. 5

    Edit and deploy

    When the site looks right, deploy it. You have two paths. Both end on Vercel, and both can use your own domain.

    Option A — deploy straight from the project. In the project folder run the Vercel CLI, or use the Vercel extension in Cursor / VS Code. Sign in, pick a project name, and publish. Vercel builds the Next.js app and gives you a .vercel.app URL.

    npx vercel --prod

    Option B — GitHub, then Vercel. Create a GitHub repository, push the project, then in the Vercel dashboard choose Import and connect that repo. Every push to the main branch can redeploy automatically.

    Connect your domain. In the Vercel project open Settings → Domains, add your domain, and set the DNS records Vercel shows you (usually an A record or CNAME at your registrar). When DNS is ready, the site opens on your domain instead of the vercel.app URL.