A search bar with an optional placeholder sentence, a red search button and suggestions if you want them, ready for a hero (the big top section of a page), a header or a bottom panel on phones.
Copy it from here and your AI rebuilds it inside your own site, in your colors.
A search bar is the box visitors type into when they'd rather ask than browse. This one can show a placeholder sentence, the gray example text sitting inside the empty field so people see what kind of request to type, or no placeholder at all.
Grab the prompt (the ready-made instructions under the demo) and your AI rebuilds the bar inside your project, in your colors.
Tick where the bar lives, a hero, a header bar, a bottom panel on phones, or any mix.
Type your own placeholder sentence, or leave it empty.
Pick the button style, text only or text with a search icon, in your site's own action color.
Choose what a search does, open a results page or filter the list on the page live.
Turn suggestions on if you want them, autocomplete alone or with your popular searches.
Decide if recent searches show under the field.
Copy the prompt with the button under the demo.
Paste it into Gemini, Grok or any other AI you use.
Answer its questions. It will ask you which pages the search covers and where your results page lives.
Type a few real searches on your phone before you ship it.
A canvas scratch-to-reveal card. The prize underneath comes from your weighted config, decided before the first scratch.
Your process as a row of cards with giant accent numbers. An ordered list, so the sequence is real markup.
A thumbnail with a play button that opens the video in a centered overlay. No autoplay anywhere.
Try it: scratch with your mouse or finger. Reveals at 50%.
Step 01
1
Step 02
2
Step 03
3