Prompt pack · 25 prompts
Build better marketing pages, funnels, and conversion sections faster with AI.
Instant download after checkout. All sales are final — every prompt is listed below.
What's inside
Every one of these is in the download as a full, copy-paste prompt.
A high-converting CTA banner with animated countdown digits that pulse to draw attention, layered over a dynamic gradient background that shifts colors as the timer runs down to amplify urgency.
Best forFlash sales, product launches, time-sensitive promotions
An exit-intent popup modal that detects when the user's cursor leaves the viewport, triggers a smooth fade-in overlay with a lead magnet offer, and validates the email input inline before submission.
Best forLead capture, list building, exit-intent conversion recovery
A sticky top-of-page announcement bar with a subtle glassmorphism backdrop-blur effect, a dismiss button with focus-visible outlines, and an aria-live region that announces dismissal to screen readers.
Best forSite-wide announcements, promo banners, feature launches
An input-driven pricing calculator with debounced event listeners for real-time ROI projection updates, paired with animated SVG bar charts that scale their fill levels as users adjust inputs.
Best forSaaS pricing pages, cost-comparison tools, value demonstration
An infinite-loop testimonial carousel that clones cards via JavaScript for seamless looping, combined with CSS scroll-snap for precise alignment and smooth horizontal sliding animations.
Best forSocial proof sections, customer reviews, trust-building blocks
A feature comparison matrix with hover and focus-triggered tooltips powered by Tailwind's group and peer utilities, plus keyboard-accessible ARIA attributes and smooth reveal transitions on each cell.
Best forProduct comparisons, pricing tier breakdowns, competitive analysis
A step-by-step product tour with a fixed modal overlay and animated progress bar that updates its width to indicate completion, plus JavaScript focus traps and scroll-snap navigation between guide steps.
Best forUser onboarding, feature walkthroughs, guided product demos
A social proof notification toast that slides in and out with custom keyframe animations, dynamically swapping purchase data via WebSocket or polling with smooth Tailwind transition effects on content changes.
Best forE-commerce stores, SaaS signups, FOMO-driven conversions
A video sales letter layout with a sticky CTA button anchored to the bottom of the viewport with a subtle shadow, plus semi-transparent gradient layers over the video's lower portion to maintain button contrast.
Best forVSL funnels, course sales pages, high-ticket product pitches
An interactive quiz funnel that renders questions dynamically using grid and flex utilities, then animates personalized result cards with scale and opacity transitions when the quiz completes.
Best forLead qualification, product recommendation engines, interactive funnels
A split-screen lead generation landing page using a two-column grid with custom minmax widths, separated by a diagonal or curved SVG clip-path division for a modern aesthetic between content and image sections.
Best forLead-gen campaigns, signup landing pages, content-gated offers
A webinar registration page with a live countdown timer using font-mono digits and setInterval, plus a horizontally scrollable speaker profile carousel with smooth snap scrolling and hover scale-up animations.
Best forWebinar signups, virtual event promotion, speaker-led landing pages
An e-book download landing page with expandable accordion chapter previews using smooth max-height transitions, plus a sticky table of contents sidebar that auto-highlights the active chapter via Intersection Observer.
Best forContent marketing, lead magnets, gated resource downloads
An app download landing page with layered device mockups using relative positioning and drop shadows for realistic overlapping effects, plus animated ping or bounce effects on key UI elements to simulate interactivity.
Best forMobile app launches, app store promotion, product showcases
A SaaS feature showcase with 3D card flip animations triggered by group-hover to reveal additional details on the back, plus SVG path stroke-dashoffset animations inside feature icons controlled by JavaScript scroll events.
Best forSaaS marketing pages, feature overviews, product deep-dives
An affiliate program landing page with an embedded commission calculator featuring live input validation and output fields, plus interactive tiered sliders that update total earnings in real-time with smooth numeric transitions.
Best forPartner programs, affiliate recruitment, revenue-share landing pages
A referral program dashboard with a unique link generator that copies to clipboard and shows a confirmation tooltip, plus referral statistics displayed as animated progressive bars with numeric badges updated via data polling.
Best forGrowth loops, referral programs, viral marketing dashboards
An interactive case study layout with scroll-triggered data visualizations using Canvas API or SVG manipulation, plus toggle switches that dynamically filter case study data and update visualizations live without page reloads.
Best forB2B case studies, results showcases, data-driven marketing
A responsive grid of customer success video interviews maintaining consistent 16:9 aspect ratios, with each thumbnail overlaid by a play button icon that animates with scale and opacity on hover to indicate interactivity.
Best forTestimonial pages, customer story archives, video proof galleries
An interactive ROI calculator with input-driven calculations and a PDF export button using jsPDF, presenting results in styled cards with animated number counters powered by requestAnimationFrame for smooth incremental changes.
Best forSales enablement, value propositions, enterprise lead qualification
A limited-time offer banner with a dynamic stock counter displayed as a pulsing red badge that decreases visually, plus a red flash animation triggered via JavaScript when stock drops below a low-threshold warning level.
Best forScarcity-driven sales, flash deals, inventory-based urgency
An interactive product demo with a sandbox environment featuring tab controls to switch between product features with smooth opacity transitions, plus draggable UI components using cursor-grab and JavaScript drag events.
Best forProduct-led growth, try-before-you-buy demos, interactive showcases
A newsletter sponsorship landing page with a 3-column audience stats grid featuring animated number counters triggered by Intersection Observer, plus a horizontal logo carousel with hover opacity and scale animations.
Best forMedia kits, newsletter monetization, sponsor pitch pages
An event ticketing page with a grid-based seat selection map using clickable SVG seat icons that toggle selection states visually, plus full keyboard navigation with ring focus styles and ARIA roles for accessibility.
Best forEvent promotion, venue ticket sales, conference registrations
A crowdfunding campaign page with an animated progress bar that fills on data update with milestone marker tooltips, plus interactive reward tier cards that reveal detailed descriptions on hover or focus with shadow and transition effects.
Best forProduct crowdfunding, pre-launch campaigns, community-funded projects
Preview
High-Converting Call-to-Action Banner with Urgency Timer
Act as a Senior Frontend Architect and UI/UX Expert. The Task: Write the complete, production-ready code for a [High-Converting Call-to-Action Banner with Urgency Timer]. Tech Stack & Environment: - Strictly a SINGLE HTML file containing everything. - Use plain HTML5. - Use the Tailwind CSS CDN (<script src="https://cdn.tailwindcss.com"></script>) in the head for all styling. - Use plain Vanilla JavaScript enclosed in <script> tags for any interactivity. - Use inline SVG paths for any icons (do not use external icon libraries). Strict Requirements: - Visual Excellence: It must look like a premium, modern SaaS product (subtle shadows, rounded corners, clean borders, smooth hover/focus effects). - Responsive: Must look perfect on mobile, tablet, and desktop using Tailwind utility classes.
The feature-by-feature build steps continue in the pack — along with the other 24 prompts.
How to use it
Four steps. Zero setup. Every prompt in this pack is engineered to output a complete, single HTML file you can open directly in any browser.
Open any prompt page in this pack and copy the full prompt block to your clipboard.
Paste into Claude, ChatGPT, Gemini, Cursor, or any AI coding tool. No modifications required.
The AI returns a single complete HTML file. Copy the entire code block it produces.
Save it as index.html and double-click to open in your browser. Done.
What you get
Digital download from Gumroad, available right after checkout. Nothing ships.
Best for
Marketers, affiliate marketers, freelancers, SaaS builders, landing page creators, and anyone who wants better website sections without starting from scratch every time.
All sales are final, per the Gumroad listing.
Questions
The pack’s own instructions name Claude, ChatGPT, Gemini, and Cursor. Paste a prompt into any of them, or a similar AI coding tool.
Each prompt asks the AI for one complete HTML file you can save and open in a browser. What comes back depends on the model you use — the pack recommends a strong one.
No build tools. Copy a prompt, paste it into your AI tool, save the HTML it returns, and open it in your browser.
The HTML version of the pack includes a customizer: enter your brand, colors, or feature goals and it generates a tailored version of any prompt.
No. All sales are final, as stated on the Gumroad listing. Every prompt in the pack is listed on this page so you can check it covers what you need first.
A prompt pack gives you single copy-paste prompts for individual UI features. The Mission Vault is a structured set of missions, safety rules, and build checklists for building complete dashboards with Claude Code.
More packs
Analytics dashboards, KPI grids, data tables, charts & kanban boards.
See the pack →Bold, high-converting hero sections that grab attention instantly.
See the pack →Navbars, mega-menus, sidebars & mobile navigation that just works.
See the pack →Login screens, account dashboards, settings & role-based UI.
See the pack →Product grids, carts, checkout flows & sales pages that convert.
See the pack →Toasts, modals, slide-overs, loaders & animation that feels alive.
See the pack →Blog layouts, article pages, content blocks & editorial UI.
See the pack →Profiles, feeds, comments & community interface components.
See the pack →Footers, bottom bars, newsletter blocks & end-of-page sections.
See the pack →