dexzane/awesome-web-prompts — explained in plain English
Analysis updated 2026-05-18
Paste a prompt into an AI coding tool to generate a hero section or landing page for your own project.
Copy ready made source code for a page effect and adapt it as a starting point instead of building from scratch.
Browse preview screenshots to find a visual style, like glass buttons or scroll driven video, before picking a prompt.
| dexzane/awesome-web-prompts | texel-org/windfoil | imtonyjaa/ggemu-fishing-joy | |
|---|---|---|---|
| Stars | 170 | 173 | 175 |
| Language | JavaScript | JavaScript | JavaScript |
| Setup difficulty | easy | moderate | moderate |
| Complexity | 1/5 | 5/5 | 4/5 |
| Audience | vibe coder | researcher | developer |
Figures from each repo's GitHub metadata at analysis time.
No installation needed, just copy a prompt or code sample from a folder.
Awesome Web Prompts is a curated collection of resources for building attractive, modern web pages. It gathers two kinds of entries: AI prompts that you can paste into tools like ChatGPT, Claude, or Cursor to generate a complete web page, and ready made source code that you can use directly or adapt as a starting point. The collection is organized into categories that cover the parts of a website people build most often. There are hero sections, the large visual area at the top of a page with a headline, subheading, and call to action button. There are full landing pages that combine multiple sections into one complete page. Other categories include authentication and onboarding screens, custom 404 error pages, footer sections, standalone UI components such as animated cards, portfolio pages, fintech style app mockups, and contact forms. Each entry in the list links to its own folder containing a prompt file and, in many cases, a preview screenshot showing what the finished design looks like. This lets someone browse visually before deciding which prompt or code sample fits their project. Entries describe specific visual effects, such as scroll driven video playback, glass style buttons, parallax backgrounds, and animated text reveals, so a reader can pick a style that matches what they are trying to build. To use a prompt style entry, you open its prompt file, copy the text, and paste it into an AI coding tool to generate the page. To use a source code entry, you copy the ready made code and save it as your own file, then open it in a browser or build on it further. The project accepts community contributions of new prompts and examples through a contributing guide, and it is released under the MIT license, which allows free use in personal or commercial projects.
A curated library of AI prompts and ready made code for building visually striking web page sections, from hero banners to full landing pages.
Mainly JavaScript. The stack also includes JavaScript, HTML, CSS.
Permissive open source license, use freely in personal or commercial projects.
Setup difficulty is rated easy, with roughly 5min to a first successful run.
Mainly vibe coder.
This repo across BitVibe Labs
Verify against the repo before relying on details.