https://github.com/techiediaries/awesome-vibe-coding
A curated list of vibe coding assistants, IDEs, tools and references for learning how to efficently collaborate with AI to write code. Best practices of prompt enginnering for developers. AI-powered tools for coding and UX/UI design. Our focus is on tools that allow for generating code or designs using natural language prompts.
https://github.com/techiediaries/awesome-vibe-coding
List: awesome-vibe-coding
awesome-list code-generation prompt-engineering vibe-coding
Last synced: 12 days ago
JSON representation
A curated list of vibe coding assistants, IDEs, tools and references for learning how to efficently collaborate with AI to write code. Best practices of prompt enginnering for developers. AI-powered tools for coding and UX/UI design. Our focus is on tools that allow for generating code or designs using natural language prompts.
- Host: GitHub
- URL: https://github.com/techiediaries/awesome-vibe-coding
- Owner: techiediaries
- Created: 2025-03-20T03:51:28.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2025-04-05T21:04:45.000Z (about 2 months ago)
- Last Synced: 2025-05-06T01:01:53.891Z (20 days ago)
- Topics: awesome-list, code-generation, prompt-engineering, vibe-coding
- Homepage:
- Size: 41 KB
- Stars: 9
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-rainmana - techiediaries/awesome-vibe-coding - A curated list of vibe coding assistants, IDEs, tools and references for learning how to efficently collaborate with AI to write code. Best practices of prompt enginnering for developers. AI-powered t (Others)
- ultimate-awesome - awesome-vibe-coding - A curated list of vibe coding assistants, IDEs, tools and references for learning how to efficently collaborate with AI to write code. Best practices of prompt enginnering for developers. AI-powered tools for coding and UX/UI design. Our focus is on tools that allow for generating code or designs using natural language prompts. (Other Lists / Julia Lists)
README
# Awesome Vibe Coding
> A curated list of vibe coding assistants, IDEs, tools and references for learning how to efficently collaborate with AI to write code. Best practices of prompt enginnering for developers.
> AI-powered tools for coding and UX/UI design. Our focus is on tools that allow for generating code or designs using natural language prompts.
## Contents
- What's Vibe Coding?
- AI Coding Assistants
- Cloud-Based Tools
- AI IDEs
- IDEs with Built-in AI Assistance or Plugins
- Programming by Prompt Tools
- Marketplaces
- AI-Powered UX/UI Design Tools
- Extra
- Prompt Engineering Best Practices for Vibe Coding
- Must-Read Articles
## What's Vibe Coding?
Vibe coding is a style of programming that prioritizes intuition, rapid experimentation, and an uninterrupted “flow” of ideas over strict adherence to syntax or structure. In practical terms, the developer focuses on what they want to achieve (often describing it in plain language) and lets tools – frequently AI – handle the low-level implementation details
The term was coined by Andrej Karpathy in early 2025 to describe “fully giving in to the vibes” and almost forgetting that the code exists
> Andrej Karpathy on X: "There's a new kind of coding I call "vibe coding", where you fully give in to the vibes, embrace exponentials, and forget that the code even exists. (.) I'm building a project or webapp, but it's not really coding - I just see stuff, say stuff, run stuff, and copy paste stuff, and it mostly works".
## AI Coding Assistants
These assistants generally aim to streamline the coding process by offering intelligent suggestions and automating repetitive tasks.
AI coding assistants offer a range of core functionalities designed to enhance the software development process:
- Code Completion and Suggestions
- Natural Language to Code Conversion (Programming by Prompt)
- AI Chat and Explanations
### Assistants
- GitHub Copilot,
- Tabnine,
- Sourcegraph Cody,
- Replit,
- Codiga,
- Amazon Q Developer,
- OpenAI Codex,
- Codeium.
- Amazon CodeWhisperer,
- CodeT5,
- DeepCode AI (Snyk),
- Amazon SageMaker,
- AskCodi,
- Microsoft IntelliCode,
- CodeGeeX,
- MutableAI,
- Qodo,
- CodeRabbit,
- CodeMate
## Cloud-Based Tools
- [same.dev](https://same.dev/): Clone any UI into a React app
- [Replit](https://replit.com/): simply describe your idea above and let the Agent build it for you
- [Bolt.new](https://bolt.new/): prompt, run, edit, and deploy full-stack web and mobile apps
- [Lovable](https://lovable.dev/): idea to app in seconds. Lovable is your superhuman full stack engineer
- [v0 by Vercel](https://v0.dev/chat): assistant to build NextJS frontend
## AI IDEs
These IDEs are specifically designed with AI at their core:
- [Cursor](https://www.cursor.com/): AI Code Editor, "the best way to code with AI".
- [Windsurf Editor by Codeium](https://codeium.com/windsurf): Agentic IDE, "where the work of developers and AI truly flow together, allowing for a coding experience that feels like literal magic".
- Trae
## IDEs with Built-in AI Assistance or Plugins
These IDEs support AI assistance either natively or through popular plugins like those for GitHub Copilot and Tabnine:
- Visual Studio Code,
- JetBrains IDEs (including IntelliJ IDEA, PyCharm, Rider, and WebStorm),
- GitHub Codespaces,
- Neovim
## Programming by Prompt Tools
The paradigm of programming by prompt, or natural language to code conversion, is gaining traction, with several tools and frameworks facilitating this approach:
- GitHub Spark: enables users to create micro applications using intuitive natural language instructions, abstracting away the complexities of traditional coding
- CodeT5: notable for its ability to translate natural language descriptions into functional code snippets
- OpenAI Codex: developed by OpenAI, powers GitHub Copilot and can understand and generate code in various programming languages based on natural language prompts
- ChatGPT: another offering from OpenAI, has demonstrated remarkable capabilities in understanding and generating human-like text, making it a versatile tool for various coding tasks through prompt engineering
- Claude
- DeepSeek
- Gemini
- GPT Engineer
- PromptPerfect
- Replicate
- Promptable
- Mirascope
- Guidance
- Haystack
- AIPRM
- PromptHub
- OpenAI Playground
## Marketplaces
Marketplaces for creating, sharing, and discovering effective prompts for AI models, including those used for code generation:
- PromptBase
- PromptHero
## AI-Powered UX/UI Design Tools
The field of UX/UI design is also experiencing a significant impact from AI, with the emergence of tools designed to assist designers in various stages of the design process:
- Uizard: focuses on translating design ideas into reality without the need for manual coding
- Uizard's Wireframe Scanner: can digitize hand-drawn wireframes, and its Screenshot Scanner can turn screenshots into editable mockups.
- Attention Insight,
- UX Pilot: aims to provide superfast UX/UI design capabilities through the use of AI
- UX Pilot's Hifi Designer: can instantly create high-fidelity UI designs in seconds using AI
- Motiff: offers an AI-powered professional interface design tool with a focus on efficiency and collaboration.
- Motiff AI Layout: helps in creating structured designs, and an AI Magic Box that suggests the best-fitting UI component based on a dragged box and a text prompt
- Visily: make UI design software accessible to everyone, regardless of their design expertise. Visily's Text to Design feature can convert text prompts into fully customizable high-fidelity UI designs, eliminating the need to start from a blank canvas.
- Visily's Sketch to Design and Screenshot to Design features: allow users to upload sketches or screenshots and convert them into modifiable digital designs.
- Visual Copilot: a Figma plugin that handles the code generation process, converting Figma designs into clean, production-ready code
## Extra
LangChain provide developers with the tools to build sophisticated applications with LLMs, including managing and chaining prompts for complex workflows.
## Prompt Engineering Best Practices for Vibe Coding
**Be Specific**
Clearly define the programming language and functionality needed.
"Write a Python function named `calculate_factorial` that takes an integer `n` as input and returns its factorial."
**Provide Context**
Include relevant background information, libraries, or frameworks being used.
"Write a JavaScript function using the React library to toggle the visibility of a component."
**Use Action Words**
Start prompts with clear action-oriented verbs.
"Generate a Python script that reads data from a CSV file and outputs the average of a specific column."
**Specify Output Format**
Indicate the desired format of the generated code (e.g., function, class).
"Create a class in Java that represents a `Person` with attributes for name and age."
**Give Examples**
Provide sample code or desired behavior to guide the AI.
"Here is an example of a function that sorts a list of numbers: `def sort_list(numbers):...`. Write a similar function in C++ to sort a list of strings."
**Specify Length**
Mention the desired length or complexity of the generated code.
"Write a concise Python function, no more than 10 lines of code, to check if a given string is a palindrome."
**Clarify Tone**
Specify the desired tone or style of the generated code (e.g., professional).
"Write a well-documented and professional-style function in Go to connect to a PostgreSQL database."
**Iterate and Refine**
Review the generated code and provide feedback for further improvements.
"The generated Python function has a bug in the edge case for negative input. Can you fix it?"
## Must-Read Articles
1. [https://medium.com/@soumavadey/vibe-coding-the-art-of-new-ai-prompt-style-00e65dca25c6](https://medium.com/@soumavadey/vibe-coding-the-art-of-new-ai-prompt-style-00e65dca25c6)
2. [https://andrewchen.substack.com/p/predictionsthoughts-on-vibe-coding](https://andrewchen.substack.com/p/predictionsthoughts-on-vibe-coding)
3. [https://learnprompting.org/blog/what-is-vibe-coding?srsltid=AfmBOop-7FNOJzRbdgXBN02jqcGvLV572ONfNVSCmMxSzC--3Pb7D9Rh](https://learnprompting.org/blog/what-is-vibe-coding?srsltid=AfmBOop-7FNOJzRbdgXBN02jqcGvLV572ONfNVSCmMxSzC--3Pb7D9Rh)
4. [https://learnprompting.org/blog/what-is-vibe-coding?srsltid=AfmBOoow0KFGWjGr8LaJzt3641vfay8vh2Ifm24jHsX18xFH3IMNcL2-](https://learnprompting.org/blog/what-is-vibe-coding?srsltid=AfmBOoow0KFGWjGr8LaJzt3641vfay8vh2Ifm24jHsX18xFH3IMNcL2-)
5. [https://medium.com/@jazz-twk/the-rise-of-vibe-coding-why-developers-are-becoming-product-engineers-170fc3557c83](https://medium.com/@jazz-twk/the-rise-of-vibe-coding-why-developers-are-becoming-product-engineers-170fc3557c83)
6. [https://medium.com/@alexglushenkov/how-vibe-coding-really-works-the-art-and-science-of-coding-with-feeling-2522fb38feb1](https://medium.com/@alexglushenkov/how-vibe-coding-really-works-the-art-and-science-of-coding-with-feeling-2522fb38feb1)
7. [https://simonwillison.net/2025/Mar/19/vibe-coding/](https://simonwillison.net/2025/Mar/19/vibe-coding/)
8. [https://learnprompting.org/blog/what-is-vibe-coding?srsltid=AfmBOoo5v\_gbOC0B6rBs80JFsd2\_VFGuugSRcaH7JHTbQw0xEAD7XHXF](https://learnprompting.org/blog/what-is-vibe-coding?srsltid=AfmBOoo5v_gbOC0B6rBs80JFsd2_VFGuugSRcaH7JHTbQw0xEAD7XHXF)
9. [https://www.webfx.com/blog/marketing/vibe-coding/](https://www.webfx.com/blog/marketing/vibe-coding/)
10. [https://medium.com/@niall.mcnulty/getting-started-with-vibe-coding-ac7d759dbe39](https://medium.com/@niall.mcnulty/getting-started-with-vibe-coding-ac7d759dbe39)
11. [https://metana.io/blog/vibe-coding-vs-traditional-coding-key-differences/](https://metana.io/blog/vibe-coding-vs-traditional-coding-key-differences/)
12. [https://alitu.com/creator/workflow/what-is-vibe-coding/](https://alitu.com/creator/workflow/what-is-vibe-coding/)
13. [https://medium.com/@passive.income.journey.web/what-is-vibe-coding-a-new-concept-i-learnt-today-16e95d17155e](https://medium.com/@passive.income.journey.web/what-is-vibe-coding-a-new-concept-i-learnt-today-16e95d17155e)
14. [https://dev.to/foxgem/vibe-coding-an-exploration-of-ai-assisted-development-2dkm](https://dev.to/foxgem/vibe-coding-an-exploration-of-ai-assisted-development-2dkm)
15. [https://medium.com/@morganlinton/vibe-coding-is-enabling-an-entirely-new-generation-of-game-developers-47c1e858171b](https://medium.com/@morganlinton/vibe-coding-is-enabling-an-entirely-new-generation-of-game-developers-47c1e858171b)
16. [https://medium.com/@adhiguna.mahendra/vibe-coding-what-could-go-wrong-1e1d570d19d7](https://medium.com/@adhiguna.mahendra/vibe-coding-what-could-go-wrong-1e1d570d19d7)
17. [https://medium.com/@sahin.samia/vibe-coding-let-ai-handle-the-syntax-you-focus-on-the-ideas-002f8265497d](https://medium.com/@sahin.samia/vibe-coding-let-ai-handle-the-syntax-you-focus-on-the-ideas-002f8265497d)
18. [https://zbrain.ai/what-is-vibe-coding/](https://zbrain.ai/what-is-vibe-coding/)
19. [https://medium.com/@configr/vibe-coding-beyond-syntax-crafting-intuitive-elegant-software-9c45341f342b](https://medium.com/@configr/vibe-coding-beyond-syntax-crafting-intuitive-elegant-software-9c45341f342b)
20. [https://dev.to/rio14/vibe-coding-the-future-of-software-development-or-just-another-trend-2h9h](https://dev.to/rio14/vibe-coding-the-future-of-software-development-or-just-another-trend-2h9h)
21. [https://www.ibm.com/think/news/vibe-coding-devs](https://www.ibm.com/think/news/vibe-coding-devs)
22. [https://natesnewsletter.substack.com/p/the-vibe-coding-bible-how-to-build](https://natesnewsletter.substack.com/p/the-vibe-coding-bible-how-to-build)
23. [https://creatoreconomy.so/p/12-rules-to-vibe-code-without-frustration](https://creatoreconomy.so/p/12-rules-to-vibe-code-without-frustration)
24. [https://www.wisp.blog/blog/whats-vibe-coding-and-what-do-i-need-to-start](https://www.wisp.blog/blog/whats-vibe-coding-and-what-do-i-need-to-start)
25. [https://lovable.dev/blog/what-is-vibe-coding](https://lovable.dev/blog/what-is-vibe-coding)
26. [https://medium.com/@niall.mcnulty/vibe-coding-b79a6d3f0caa](https://medium.com/@niall.mcnulty/vibe-coding-b79a6d3f0caa)
27. [https://www.gibsonai.com/blog/vibe-coding-is-prompting-the-new-programming](https://www.gibsonai.com/blog/vibe-coding-is-prompting-the-new-programming)
28. [https://www.zdnet.com/article/what-is-ai-vibe-coding-its-all-the-rage-but-its-not-for-everyone-heres-why/](https://www.zdnet.com/article/what-is-ai-vibe-coding-its-all-the-rage-but-its-not-for-everyone-heres-why/)
29. [https://medium.com/@askeric/vibe-coding-is-reshaping-the-way-we-build-learn-and-innovate-18da4f461233](https://medium.com/@askeric/vibe-coding-is-reshaping-the-way-we-build-learn-and-innovate-18da4f461233)
30. [https://www.poised.com/blog/the-rise-of-vibe-coding-when-ai-does-the-heavy-lifting](https://www.poised.com/blog/the-rise-of-vibe-coding-when-ai-does-the-heavy-lifting)