git404hub

what is awesome-web-prompts fr?

dexzane/awesome-web-prompts — explained in plain English

Analysis updated 2026-05-18

170JavaScriptAudience · vibe coderComplexity · 1/5LicenseSetup · easy

tl;dr

A curated library of AI prompts and ready made code for building visually striking web page sections, from hero banners to full landing pages.

vibe map

mindmap
  root((awesome web prompts))
    What it does
      Curated prompt library
      Ready made source code
      Preview screenshots
    Categories
      Hero sections
      Landing pages
      Auth and onboarding
      404 pages
      Footers
      UI components
    Tech stack
      JavaScript
      HTML
      CSS
    Use cases
      Generate page with AI tool
      Reuse source code
      Style browsing

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

what do people make with this?

VIBE 1

Paste a prompt into an AI coding tool to generate a hero section or landing page for your own project.

VIBE 2

Copy ready made source code for a page effect and adapt it as a starting point instead of building from scratch.

VIBE 3

Browse preview screenshots to find a visual style, like glass buttons or scroll driven video, before picking a prompt.

what's the stack?

JavaScriptHTMLCSS

how it stacks up fr

dexzane/awesome-web-promptstexel-org/windfoilimtonyjaa/ggemu-fishing-joy
Stars170173175
LanguageJavaScriptJavaScriptJavaScript
Setup difficultyeasymoderatemoderate
Complexity1/55/54/5
Audiencevibe coderresearcherdeveloper

Figures from each repo's GitHub metadata at analysis time.

how do i run it?

Difficulty · easy time til it works · 5min

No installation needed, just copy a prompt or code sample from a folder.

Permissive open source license, use freely in personal or commercial projects.

in plain english

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.

prompts (copy fr)

prompt 1
Using the Hero Section prompts in this repo as a reference, generate a full screen hero with a video background and a bold three line headline for my product landing page.
prompt 2
Adapt the Vision Reveal source code example from this repo into a personal portfolio homepage with my own project images.
prompt 3
Write a custom 404 page inspired by the 404 Planet example in this repo, using a space themed background and a glowing error message.
prompt 4
Generate a footer section styled like the Tenlas Footer prompt in this repo, with a dark background and a call to action button.

Frequently asked questions

what is awesome-web-prompts fr?

A curated library of AI prompts and ready made code for building visually striking web page sections, from hero banners to full landing pages.

What language is awesome-web-prompts written in?

Mainly JavaScript. The stack also includes JavaScript, HTML, CSS.

What license does awesome-web-prompts use?

Permissive open source license, use freely in personal or commercial projects.

How hard is awesome-web-prompts to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is awesome-web-prompts for?

Mainly vibe coder.

peek the repo → explain another one

This repo across BitVibe Labs

double-check against the repo, no cap.