Skip to content
AI Primer
workflow

MotionSites supports Gemini and Antigravity for one-prompt dental site builds

MotionSites demoed a Gemini plus Antigravity prompt that generates a multi-section animated dental landing page, then said it will pay designers who publish Figma or Framer sites to the platform. The setup combines prompt templates, hosted motion pages, and a submission marketplace in one web-design workflow.

4 min read
MotionSites supports Gemini and Antigravity for one-prompt dental site builds
MotionSites supports Gemini and Antigravity for one-prompt dental site builds

TL;DR

  • viktoroddy's demo post framed the workflow as "Gemini + AntiGravity + 1 Prompt," pointing to a dental clinic landing page generated from a single long prompt.
  • The underlying spec in viktoroddy's prompt thread is not a loose vibe prompt, it is a full React, Vite, TypeScript, and Tailwind build brief with exact layout, animation, and asset rules.
  • A key trick in viktoroddy's prompt thread is a reusable "MaskedCard" pattern that slices one large image across multiple cards, which gives the page its stitched-together editorial look.
  • viktoroddy's MotionSites post also turned the demo into a funnel, saying MotionSites will pay designers who publish Figma or Framer landing pages to the platform.
  • A separate monochrome "Vertex Sci." example in viktoroddy's standalone prompt post shows the same playbook scaling beyond the dental mockup, with MotionSites packaging long, implementation-ready prompt templates as reusable design products.

You can jump from the dental demo to the full prompt spec, browse a second standalone hero prompt built for a fictional research lab, and then hit the MotionSites submission post, where the same feed turns into a paid publishing call for designers.

One-prompt dental build

The dental page is unusually specific for something pitched as a one-prompt build. According to viktoroddy's prompt thread, the output lives in one App.tsx file, uses no external UI or icon libraries, and ships as a three-section landing page with a splash screen and a fixed navbar.

The spec also locks in most of the aesthetic decisions before Gemini ever starts generating code:

  • React, Vite, TypeScript, Tailwind CSS
  • Open Sauce One as the site font
  • black, white, and translucent white only
  • three full-screen sections plus a splash intro
  • one mobile breakpoint at md (768px)
  • no extra packages beyond React and Tailwind

That is the useful bit here. The prompt is less "make me a dental site" and more "fill in this production-shaped scaffold." viktoroddy's prompt thread reads closer to a handoff doc than a creative brief.

Masked cards and staggered reveals

Most of the page's visual identity comes from two implementation patterns that viktoroddy's prompt thread spells out in detail.

First, the "MaskedCard" setup shares one oversized background image across multiple cards. A useMaskPositions hook tracks each card's offset inside the section, a useImageWidth hook calculates the rendered image width, and each card shifts backgroundPosition so every panel becomes a different window into the same source image.

Second, a useStaggeredReveal hook handles the motion rhythm:

  • IntersectionObserver flips visibility once a section crosses a 0.15 threshold
  • each item starts at opacity: 0 and translateY(24px)
  • each item then animates in over 0.6s
  • the cascade uses index * 120ms delays

Those two ideas do most of the work. The first creates the magazine-grid mosaic, the second makes each block arrive in sequence without adding a heavier animation library.

Prompt templates as design products

The dental site is not a one-off example. In viktoroddy's standalone prompt post, MotionSites published another long-form prompt for a black-and-white "Vertex Sci." hero section, again specifying the stack, typography, navbar behavior, animation timings, easing curves, and even SVG markup.

That second prompt adds a few tells about the product direction:

  • prompts are written as implementation specs, not short natural-language ideas
  • animation sequences are timed down to tenths of a second
  • brand systems are constrained tightly, including font, palette, spacing, and tracking
  • the output target stays code-native, not just Figma-like mock imagery

The result is a small but clear workflow shift. MotionSites is packaging prompt craft itself as the asset.

MotionSites submission marketplace

The last piece is the business model. In viktoroddy's MotionSites post, viktoroddy said MotionSites is paying designers who publish Figma or Framer websites on the platform, with submissions focused on landing pages or hero sections.

That turns the feed into three linked products at once:

  • a gallery of AI-generated site concepts
  • a library of reusable prompt templates
  • a paid submission channel for designers shipping work into MotionSites

For a low-key product post, that is the real reveal. The Gemini and AntiGravity demo is the acquisition hook, but the MotionSites call for submissions shows the platform trying to turn prompt-driven web design into a two-sided marketplace.

Share on X