--- title: The End of Front-End Development | daily.dev description: GPT-4 can take a hand-drawn sketch of a website, and turn it into a fully-functional website, including a bit of JS to wire up the “Reveal Punchline” button.... canonical: https://daily.dev/posts/the-end-of-front-end-development-xqilcdkth twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: The End of Front-End Development | daily.dev og:description: GPT-4 can take a hand-drawn sketch of a website, and turn it into a fully-functional website, including a bit of JS to wire up the “Reveal Punchline” button.... og:url: https://daily.dev/posts/the-end-of-front-end-development-xqilcdkth og:image: https://api.daily.dev/og/posts/XQIlcdkTh.png og:image:alt: The End of Front-End Development og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # The End of Front-End Development **[Josh W Comeau](https://daily.dev/sources/joshwcomeau)** · 11 min read · 936 upvotes · 103 comments ## Summary GPT-4 can take a hand-drawn sketch of a website, and turn it into a fully-functional website, including a bit of JS to wire up the “Reveal Punchline” button. This is remarkable, and I think it has a lot of potential when it comes to prototyping. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@mmouradev** · 49 upvotes > OMG I was about to look for a "Downvote" button with this title but reading the blog post I agreed 100%. Nice clickbait, lol **@dedios** · 25 upvotes > Backend devs want the end of front end so bad 🤣 **@nospecgamer181** · 10 upvotes > Nice clickbait, amazing ending " the sun might explode tomorrow" lol **@dalvarado** · 9 upvotes > Thank you for sharing, GPT is great but sometimes there are intended and unintended outcomes. **@uraniumking007** · 7 upvotes > Somewhere i agree with author that developer are not going anywhere ## Similar posts on daily.dev - [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 1 upvotes · 0 comments - [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments - [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments --- Tags: [#llm](https://daily.dev/tags/llm), [#tools](https://daily.dev/tags/tools) [View this post on daily.dev](https://daily.dev/posts/the-end-of-front-end-development-xqilcdkth) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"The End of Front-End Development","url":"https://daily.dev/posts/the-end-of-front-end-development-xqilcdkth","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/the-end-of-front-end-development-xqilcdkth"},"datePublished":"2023-03-20T17:32:32.977Z","dateModified":"2023-03-21T02:15:47.763Z","description":"GPT-4 can take a hand-drawn sketch of a website, and turn it into a fully-functional website, including a bit of JS to wire up the “Reveal Punchline” button....","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/d20a9410d47eecfef3ecf28175a7d1b3","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/d20a9410d47eecfef3ecf28175a7d1b3","isAccessibleForFree":true,"articleSection":"Josh W Comeau","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Josh W Comeau","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/4a121572d03c40a2bff9e8ed0f0792b5","url":"https://daily.dev/sources/joshwcomeau"},"commentCount":103,"discussionUrl":"https://daily.dev/posts/the-end-of-front-end-development-xqilcdkth","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":936},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":103}],"keywords":"llm,tools","timeRequired":"PT11M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Josh W Comeau","item":"https://daily.dev/sources/joshwcomeau"},{"@type":"ListItem","position":3,"name":"The End of Front-End Development"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/the-end-of-front-end-development-xqilcdkth","comment":[{"@type":"Comment","text":"OMG I was about to look for a “Downvote” button with this title but reading the blog post I agreed 100%. Nice clickbait, lol","datePublished":"2023-03-20T17:51:35.997Z","url":"https://daily.dev/posts/XQIlcdkTh#c-1wgQf6ass","author":{"@type":"Person","name":"Matheus Souza Moura","url":"https://daily.dev/mmouradev","image":"https://avatars2.githubusercontent.com/u/20447581?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":49}},{"@type":"Comment","text":"Backend devs want the end of front end so bad 🤣","datePublished":"2023-03-21T01:55:03.256Z","url":"https://daily.dev/posts/XQIlcdkTh#c-SQVBOMWsJ","author":{"@type":"Person","name":"Eddie P","url":"https://daily.dev/dedios","image":"https://lh3.googleusercontent.com/a-/AFdZucqMWFrBdy7LEf_oBkxm3VpEheCT-7-RyYjkMh0d=s100"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":25}},{"@type":"Comment","text":"Nice clickbait, amazing ending " the sun might explode tomorrow" lol","datePublished":"2023-03-21T03:25:21.556Z","url":"https://daily.dev/posts/XQIlcdkTh#c-XX3lPhVzL","author":{"@type":"Person","name":"Shyam Mylai","url":"https://daily.dev/nospecgamer181","image":"https://media.daily.dev/image/upload/s--O0TOmw4y--/f_auto/v1715772965/public/noProfile"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":10}},{"@type":"Comment","text":"Thank you for sharing, GPT is great but sometimes there are intended and unintended outcomes.","datePublished":"2023-03-20T23:50:15.094Z","url":"https://daily.dev/posts/XQIlcdkTh#c-8P1UDcQO6","author":{"@type":"Person","name":"Daniel Alvarado","url":"https://daily.dev/dalvarado","image":"https://lh3.googleusercontent.com/a/AGNmyxaQ9blW9xZlUUmFzDM_jvf3t-M2rvqDyktioHOU=s96-c"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":9}},{"@type":"Comment","text":"Somewhere i agree with author that developer are not going anywhere","datePublished":"2023-03-21T02:02:19.975Z","url":"https://daily.dev/posts/XQIlcdkTh#c-rLrqLb8D1","author":{"@type":"Person","name":"Bhavesh Patil","url":"https://daily.dev/uraniumking007","image":"https://lh3.googleusercontent.com/a/AEdFTp7rv_xSI8e5qQPHz8w_ceQtlP9_jSh-Y-0HP7Y85g=s96-c"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":7}}]} ```