Marketing · Testimonials
Testimonials Strip
Customer quotes with avatar, name and role in a 3-card layout.
What's in it
- Testimonials Heading: Trusted by teams shipping faster
- Testimonials Cards: Three testimonial cards with quote text and avatar.
The brief your agent gets
This is how the section appears in a UIPrompt brief: each component with its prompt, position and role, so your agent builds the section as planned instead of guessing. In a project, the brief also carries your exact copy, your brand and your stack.
# Testimonials Strip [order: 0]
- **Testimonials Section** [x: 0, y: 0, order: 0]
- **Prompt:** Customer quotes with avatar, name and role in a 3-card layout.
- **Testimonials Heading** [x: 48, y: 64, order: 0]
- **Prompt:** Trusted by teams shipping faster
- **Testimonials Cards** [x: 48, y: 152, order: 1]
- **Prompt:** Three testimonial cards with quote text and avatar.Get the prompt for your stack
The same section written for a specific stack, with each component mapped to its framework and component library.
Next.js + Tailwind CSS + shadcn/uiReact + Tailwind CSSVue 3 + Tailwind CSSSvelteKit + Tailwind CSSAstro + Tailwind CSSNext.js + Material UI
Use it in three steps
- Open the editor and drag Testimonials Strip from the section library onto a page. It lines up with the other sections on a 12-column grid.
- Double-click a component to add your own copy. Your agent uses it word for word.
- Your agent builds the page from the brief, over the UIPrompt connector or from a pull request to your repo. It works with Claude Code, Codex, Cursor, GitHub Copilot, Windsurf and Gemini CLI.