Search Website Designs

Slide-In Side Menu

Customize and copy this sliding menu design for your website. This is a navigation menu that stays tucked off-screen until someone taps a button. Tap it and the panel slides in from the side, over a dimmed page.

Add to Home Screen Popup

Customize and copy this install-app popup for your website. It shows visitors how to add your site as an app shortcut. It spots the device they're on (Mac, iPhone, Android phone...) and shows the right steps to get the link on their dock or home screen.

Sticky CTA Banner

A slim banner that stays on screen and drives one action. Pick where it sits and what it pushes.

Copied 8 times.

Countdown Bar

A deadline bar with a live timer. Real urgency only: it counts to a real date and disappears when time is up.

Social Proof Toast

Small corner notifications showing real activity. Honest by design: it only shows events you feed it.

Copied 8 times.

Email Capture Popup

A conversion popup that captures emails without annoying your visitors. Pick when it shows and what it offers, then copy the prompt.

Copied 7 times.

Welcome Discount Popup

A first-visit-only popup that greets new visitors with a real offer. Shows once, then leaves people alone.

Cart Saver Popup

An exit-intent popup that reminds shoppers what is sitting in their cart before they leave. Optional code, zero fake urgency.

Age Gate Popup

Customize this age gate design and use it on your website for free. It's a full-screen age gate that blocks content until the visitor confirms he is 18 or older. It saves the answer for 30 days or more.

Copied 31 times.

Micro Survey Popup

A one-question feedback widget with an emoji scale. Two taps to answer, zero friction, real data to your backend.

Social Follow Popup

A light popup inviting visitors to follow you on social media, with icon buttons for the networks you pick.

Announcement Ribbon

A slim ribbon that cycles through 2-3 short messages. Pauses on hover, never jiggles the page.

Free Shipping Bar

A progress bar that shows how close the cart is to free shipping. Reads the real cart total, updates live.

App Download Banner

A smart app banner that detects the visitor's OS and links to the right store. Dismiss memory included.

Hero Section

The section that sells the page in three seconds: headline, subline, and the action you want taken.

Pricing Table

Tier cards that make the choice obvious. Pick the tier count, the highlight, and whether billing toggles.

FAQ Accordion

An accessible FAQ accordion, with optional FAQPage schema that always matches the visible questions.

Testimonial Wall

A social proof section built from your real customer quotes. Grid, carousel, or one big spotlight.

Comparison Table

An honest us-vs-them feature table. Your column leads, but every cell must be true.

Related Cards

A 3-up row of internal-link cards that keeps readers moving through your site.

Note Box

A calm callout block for the things readers need to know: how it works, why to trust you, what to watch for.

Newsletter Section

A full-width inline email capture section that earns the signup with a clear promise, not a popup.

Multi-Step Form

A lead form split into small steps with a progress indicator. Less scary than one big form, same data.

Contact Section

A contact form section that sets expectations before anyone types: who it is for and what happens next.

Live Counter

A live number widget wired to your real data. If the endpoint is not connected, it shows nothing, not a fake count.

Review Stars Strip

An aggregate rating strip: stars, score, review count, and where the reviews live. Real numbers only.

Badge Row

A row of guarantee and trust badges: only claims you can actually honor, each one config-driven.

Sticky Table of Contents

A table of contents that follows the reader and highlights the section they are in.

Reading Progress

A slim progress bar that tracks how far into the article the reader is, with an optional back-to-top button.

App Style Bottom Navigation

An app-style bottom bar for mobile: your key sections as tabs, a raised center action button, and a More sheet for everything else.

Copied 11 times.

Before / After Slider

A draggable comparison of two images: same subject, real photos, and a divider the reader controls.

Spin the Wheel

A prize wheel with real odds you define. The animation lands on the prize that was actually drawn, every time.

Gift Box Reveal

Pick a box, get a prize drawn from your real weighted odds. The pick is theater; the draw is honest.

Scratch Card

A canvas scratch-to-reveal card. The prize underneath comes from your weighted config, decided before the first scratch.

Offer CTA Section

The closing pitch: a dark offer card with a badge, a big title, and the button you want pressed.

Certification Section

A credentials block built from facts you actually have: checklist on the left, tile mosaic on the right.

Numbered Steps Section

Your process as a row of cards with giant accent numbers. An ordered list, so the sequence is real markup.

Feature Cards Grid

What your product does, as a grid of icon cards with alternating backgrounds. Pick the count and icon style.

Cookie Consent Banner

A compliant consent bar that blocks nothing, remembers the choice, and defaults to declining non-essential.

Video Lightbox Popup

A thumbnail with a play button that opens the video in a centered overlay. No autoplay anywhere.

Order Bump Box

A checkbox offer above the pay button that adds one extra item to the order. Price straight from config.

Price Calculator

Sliders the visitor drags to see a live price computed from your real rates. Formula visible, nothing invented.

Logo Strip

A quiet row of customer or partner logos you have permission to show. Grayscale until hover.

Sticky Share Bar

A small share rail with plain share URLs only. No SDKs, no trackers, no fake counters.

Back to Top Button

A floating button that appears after real scrolling and glides the reader back to the top.

Floating Chat Launcher

A corner bubble that opens your real contact channels. Honest about not being live chat unless you have one.

Progress Checklist

An onboarding checklist with a progress bar. Each visitor's own ticks, saved in their browser.

Product Gallery

A main image with a thumbnail row. Swipe on touch, arrows on desktop, zero layout shift.

Team Cards

A people grid with photo, name, role, and one optional link each. Real people only.

Timeline Section

A vertical milestone line for history or roadmap pages. Real dates and events from your config.

Tabbed Content Section

Accessible tabs for content that shares one spot. Real tablist markup, arrow-key support included.

Footer Mega Section

The full site footer from one config object: link columns, brand block, legal row.

Daily Reward Calendar

A row of day tiles, one claim per real day. Rewards drawn from your weighted config before the animation.

Tab Attention Title

When visitors switch to another tab, your tab title swaps to a come-back message, and restores the moment they return.

Search Bar

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.

QR Scan Card

A desktop-only card with a QR code visitors scan with their phone, to grab your app or follow you, with smart OS detection.

Icon Sidebar Menu

A slim sidebar menu on the left with a logo, an icon per section, a highlighted badge for the free stuff, and the sign-in buttons at the bottom. Take the prompt on this page and paste it in your AI so it will build the same for your website.

Countdown Teaser Section

A bold full-width teaser block: one hype line, a giant live countdown, and a stat line with the key numbers in pills.

Sticky Header

Customize and copy this sticky header for your website. It keeps your logo, your links, your social icons and a main button at the top of the screen as your visitors scroll, so your menu is always one click away. Make it yours with the options, copy the instructions, and your AI will build it right into your project.

Shine CTA Button

Copy this design of a raised button that is obviously clickable with a periodic shine sweep that catches the eye without ever changing size.

Copied 83 times.

Gradient Border Button

Copy this design of an outline button wrapped in a gradient ring that can slowly rotate and fill on hover, then let your AI rebuild it for your own site.

Icon Slide Button

Copy this design of a button whose icon slides into view on hover, pushing the label over, and let your AI rebuild it for your own website or app.

Loading State Button

Copy this design of a submit button that shows loading, then success or error, linked to the real request, and have your AI build it into your forms.

Glow Pulse Button

Customize this glow pulse button design and use it on your own website. It's a button with a soft light around it that grows and fades in your brand color. You can keep the glow pulsing all the time, or only when someone hovers over the button.

3D Press Button

Customize this 3D press button design and use it on your own website. It's a chunky button that sits up off the page and pushes down like a real key when you click it. You can set how deep it sits and how sharp the shadow under it looks.

Copied 23 times.

Sales Letter Section

The long-form founder letter that direct-response legends are built on: personal, punchy, one line at a time.

Stats Proof Grid

A wall of your biggest real numbers: revenue, customers, countries. Let the numbers do the talking.

Alternating Feature Rows

The classic zigzag: image left, text right, then flipped, walking the visitor feature by feature.

Video Hero

A full-screen background video under your headline: the beach-club opener that sells atmosphere instantly.

Events Calendar

A what's-on listing for venues: every upcoming event with its day, name, and hook, past events gone automatically.

Floating CTA Card

Customize and copy this floating CTA card for your website. A CTA (call to action) is the button you want people to click, and this card floats it in a page corner. Pick your options, copy the instructions, and your AI rebuilds it on your site.

Announcement Popup

Customize and copy this announcement popup for your website. A popup (a card that appears over the page, not inside it) tells every visitor one thing, like to promote a new feature or an upcoming event. Set the options, copy the instructions, and your AI builds it into your own site.

Promo Code List

Customize and copy this promo code list for your website. Promo codes (the short codes shoppers type at checkout for a discount) sit in tidy rows, each with a Get Code button. Adjust the options, copy the instructions, and your AI rebuilds the list on your own site.

Install App Banner

Customize and copy this install app banner for your website. It's a banner (a slim strip pinned to the edge of the screen) that invites visitors on their phone or tablet to download your app or to save a shortcut to your website as an app on their home screen. Tune the options, copy the instructions, and your AI adds it to your own site.

Social Media Links Section

Customize and copy this social media links section for your website. It lists your profiles as cards, with one link to each that opens in a new window. Customize it to your liking, copy the instructions, and let your AI build it inside your project.

Live Stream Embed

Customize and copy this live stream section for your website. It plays your live stream right on your site, with a button that opens it on the platform you use to stream. Customize it to your liking, copy the instructions, and let your AI build it inside your project.

Video Gallery Section

Customize and copy this video gallery section for your website. It shows your videos from YouTube, TikTok or any social media or video source you choose, so your visitors just have to click to play them. Customize it to your liking, copy the instructions, and let your AI build it inside your project.

Scrolling Announcement Bar

Customize and copy this scrolling announcement bar for your website. It slides your short messages across your page in a loop that never stops, so your visitors catch your offers and news as they scroll. Customize it to your liking, copy the instructions, and let your AI build it inside your project.

Fact Box

Customize and copy this fact box for your website. It shows the key facts about you or your brand in one neat box, so your visitors get who you are at a glance. Use the preview to customize the template, then copy the instructions, and let your AI build it inside your project.

Onboarding Popup

Customize and copy this onboarding popup for your website. It walks first-time visitors through how your site or app works, one short step at a time, so they know exactly what to do next. Click through the preview, set your options, copy the instructions, and your AI adds it to your site for you.

Ask AI Buttons

Customize and copy these Ask AI buttons for your website. Each one opens an AI assistant like ChatGPT or Claude in a new tab, with a question about your site ready to ask, so your visitors hear what you do from the AI they already use. Pick the AIs and the look, copy the instructions, and let your AI put the buttons on your page.