Section · Headers
Prompt library
Prompt library
Every design in the library runs live on this page. Filter by style, check each one on desktop, tablet and phone, and copy the UI design prompt that builds it into v0, Lovable, Bolt or Claude.
13 prompts
Prompts
Section · Hero sections
SaaS hero section with drifting gradient
Section · Features
Bento grid features section
Section · Pricing
Pricing section with monthly and yearly toggle
Section · Testimonials
Scrolling testimonial wall
Section · Call to action
Animated gradient call to action banner
Section · FAQ
Animated FAQ accordion
Section · Stats
Animated stats counter section
Section · Footers
Editorial website footer with newsletter
Component · Buttons
Six CSS animated buttons
Component · Toggles
Springy toggle switch settings panel
Website · Law firm
Law firm homepage in navy and gold
Website · Restaurant
Wood-fire restaurant homepage
Nothing matches those filters yet.
Guide
How to write a prompt that builds a good website
The best UI design prompts read like a short brief, not a wish. Name the parts, say which one matters most, and describe how it should move and behave on a phone.
- Name the content. "Three plans: Starter, Pro and Enterprise" beats "a pricing table".
- Pick one focal point. Tell the tool which element should draw the eye, and how.
- Describe motion in verbs. "Slides", "rolls up" and "fades in on scroll" get far better results than "animated".
- Cover mobile in one line. Most prompts forget it, and most bad results come from that.