DexZane/awesome-web-prompts

What it solves

Web developers often spend a lot of time searching for high-quality, ready-to-use webpage components or prompts that can generate complete pages with AI tools. This project solves that by offering a carefully curated collection of web development resources—both AI prompts that instantly produce polished pages and ready-to-run source code—so you can skip the hunting and paste a prompt or copy code directly.

How it works

The repository is organized into clear categories (Hero sections, landing pages, SaaS, 404 pages, UI components, etc.). Each entry is labeled as Prompt (a text you paste into ChatGPT, Claude, Cursor, etc. to generate code) or Source Code (complete runnable HTML/CSS/JS code). Every item includes a preview screenshot (where available) and usage instructions. For prompts, you open the prompt.md file and copy the text; for source code, you copy the code and open it in a browser. The project also provides a contribution template and guidelines, and it supports both Chinese and English (with an auto-built English README).

Who it’s for

Front-end developers, designers, and anyone who uses AI tools to build websites quickly. It’s especially useful for those who want visually rich, animated, and impressive pages without writing every line from scratch—just paste a prompt or grab ready-made code.

Highlights

• Large, curated collection covering many categories: hero sections, full landing pages, SaaS, AI, 404 pages, footers, UI components, portfolios, and more.
• Two useful formats: AI prompts that generate complete web pages, and ready-to-run source code for direct use or as a starting point.
• Each entry includes previews and usage descriptions, so you can see what you’ll get before trying.
• Easy to contribute: a template and contribution guide help you add new resources.
• Bilingual documentation: Chinese main page with an auto-built English version.