Tool Collection
Vibe Coding Resources
A comprehensive collection of Vibe Coding tools and resources to enhance your development workflow.
Showing 60 tools
Lovable
AI Builder
#No-Code#AI Builder
AI-powered website and web app builder. Create complete web applications through natural language prompts without coding knowledge.
Get 10 credits when you sign up through this link
Design products with natural language
Real-time fine-tuning and multi-round iteration
Database and API integration support
Zeabur
Infrastructure
#Deployment#DevOps
One-click deployment platform supporting rapid deployment of various services, especially suited for full-stack applications.
Get $5 discount when you sign up through this link
Deploy multiple services in seconds
Automatic service data backup
Pre-built templates available
Manus
Automation
#AI Agent#Automation
AI action engine capable of independently planning, executing, and iterating complex tasks as an automation agent.
Get 500 credits when you sign up through this link
Independent task planning and execution
Complex workflow automation
Real-time adaptive solutions
Typeless
Dev Tool
#AI Transcription#Voice Input
Smart AI dictation tool that understands you. Perfect for accelerating Vibe Coding by quickly articulating ideas and clarifying thoughts, dramatically improving development efficiency.
Get $5 credit + 30-day free Pro membership trial when you sign up through this link
Intelligent voice input and recognition
Helps clarify thoughts and ideas
Accelerates Vibe Coding workflow
AI Studio
AI Builder
#Google#Gemini
Google's AI development tool providing a fast path from prompt to production, powered by Gemini models.
Gemini-powered AI capabilities
Rapid prototyping
Production-grade deployment
21st.dev
Design
#UI Library#React
Community-driven UI component library and frontend development tool offering high-quality React components.
High-quality React component library
Magic AI agent component generation
Intelligent refactoring features
Figma
Design
#Design#UI/UX
Leading collaborative design platform for UI/UX design and prototyping.
Real-time team collaboration
Advanced drawing and auto-layout
Powerful plugin ecosystem
ImageKit
Infrastructure
#CDN#Image Optimization
Complete image CDN and optimization service with automatic image compression and format conversion.
Automatic image optimization
Real-time URL transformation
Global CDN distribution
Claude + Claude Code
Dev Tool
#AI Assistant#Coding
Anthropic's AI assistant with powerful code generation, analysis, and editing capabilities.
Claude Code professional editing
Powerful code generation and analysis
Long context understanding
Cursor
Dev Tool
#IDE#AI Coding
AI-powered code editor built on VS Code with deep AI-assisted programming integration.
AI code completion (Tab)
Intelligent codebase Q&A
Multiple AI model support
Firecrawl
Dev Tool
#Web Scraping#API
Web data API designed for AI, enabling efficient web crawling and scraping.
Convert web pages to Markdown
Powerful search and scraping API
Ideal for LLM training data acquisition
n8n
Automation
#Automation#Workflow
Fair-code workflow automation platform with AI capabilities, supporting self-hosting.
Visual workflow editor
400+ native integrations
Self-hosted and cloud deployment support
Apps Script
Automation
#Google#Automation
Google's cloud JavaScript platform for automating Google Workspace tasks.
Deep Google services integration
No server configuration required
JavaScript-based
Lightswind
Design
#UI Library#Tailwind CSS
Lightweight UI component library based on Tailwind CSS with rich animations and interactive effects.
100+ customizable components
Smooth animation effects
Responsive design
Greta (Questera)
AI Builder
#AI Builder#No-Code
AI-powered full-stack application generator that builds complete web apps from simple prompts.
Generate full-stack apps from prompts
Built-in growth tools
No boilerplate code required
Vibe Coding Prompt
Dev Tool
#Prompt Engineering#Guide
Prompt guide and tools designed for Vibe Coding, helping developers collaborate more precisely with AI.
Vibe Coding dedicated prompts
Multi-language support (Traditional Chinese)
Improve AI programming efficiency
Lovable Prompting Guide
Dev Tool
#Documentation#Prompt Engineering
Official prompting guide from Lovable, teaching you how to write effective prompts to build better web apps.
Official best practices
Structured prompting techniques
Examples and templates
Superhands
Automation
#AI Agent#Automation
AI agent service that automates daily tedious tasks like emails, meeting scheduling, and file organization.
Automate daily tasks
Human-AI collaboration mode
No continuous prompting required
Uiverse
Design
#UI Library#CSS
Open-source UI element library with community-made CSS and HTML UI components ready to copy and use.
Community-driven UI library
Pure CSS/HTML components
Completely free and open source
React Bits
Design
#React#Animation
High-quality React animation component library focused on creating impressive interactive user interfaces.
Rich animation effects
Highly customizable
Lightweight and easy to integrate
Clerk
Infrastructure
#Authentication#Security
Modern authentication and user management solution designed for React and Next.js applications.
Complete user management UI
Multi-factor authentication (MFA)
Seamless modern framework integration
Kibo UI
Design
#UI Library#Shadcn
Composable component library based on Shadcn UI with more diverse pre-built blocks and templates.
Based on Shadcn UI
Composable and extensible
Accessible design
UI Prompt Gallery
Design
#Design#AI Art
AI UI design prompt gallery showcasing various UI design prompts and generated results for design inspiration.
Diverse UI style showcase
AI prompt references
Design inspiration source
Tailkits
Design
#Tailwind CSS#UI Kit
Professional UI kits and template library based on Tailwind CSS to accelerate web app development.
200+ professional components
Complete page templates
Native Tailwind CSS support
Magic Pattern
Design
#Design#Graphics
AI-powered design tool for quickly generating unique background patterns, geometric shapes, and visual assets.
AI pattern generation
CSS background code export
Multiple geometric styles
8BitCN
Design
#UI Library#Retro
Retro-style 8-bit UI component library bringing nostalgic pixel art aesthetics to modern web apps.
8-bit pixel style
Compatible with modern frameworks
Unique visual experience
Shadcn Blocks
Design
#Shadcn#UI Blocks
Extended block library for Shadcn UI with more pre-built page blocks and layouts to accelerate development.
Rich pre-built blocks
Copy and use
Fully compatible with Shadcn UI
Base44
Infrastructure
#Backend#Database
Powerful backend development platform with visual database management and API generation to accelerate backend development.
Visual database design
Auto-generate REST/GraphQL APIs
Instant backend deployment
CodeRabbit
Dev Tool
#Code Review#AI
AI-powered code review tool that automatically analyzes Pull Requests and provides improvement suggestions.
Automated code review
Line-by-line code analysis
GitHub/GitLab integration
Gemini CLI
Dev Tool
#CLI#Gemini
Command-line interface tool for Google Gemini, enabling developers to use Gemini's powerful features directly in the terminal.
Terminal AI assistant
Multiple Gemini model support
Open source and extensible
Orchids
AI Builder
#AI IDE#No-Code
AI-powered full-stack application development IDE that builds, previews, and deploys complete apps through conversation.
Build apps with natural language
Real-time preview and editing
Full-stack code generation
10Web
AI Builder
#WordPress#AI Builder
AI-powered WordPress website builder that auto-generates content, images, and optimizes site performance.
AI website generation
Automatic PageSpeed optimization
Hosting and backup services
Cult UI
Design
#UI Library#Shadcn
Modern component library designed for Shadcn UI with high-quality, production-ready React components.
Based on Shadcn UI
TypeScript support
Modern design style
Magic UI
Design
#UI Library#Animation
UI library built for design engineers with 150+ animated components based on React and Tailwind.
Rich animation effects
Highly customizable
Copy and use
Aceternity UI
Design
#UI Library#Animation
Modern UI component library combining Framer Motion animations with Tailwind CSS utility.
Cool animation effects
Modern design style
Easy to integrate
Resend
Infrastructure
#Email#API
Email API designed for developers with elegant interface and strong deliverability, supporting React Email.
Developer-friendly API
React Email support
High deliverability guarantee
Unicorn Studio
Design
#WebGL#Design Tool
Design tool for creating stunning WebGL effects and interactive experiences without coding.
Visual WebGL editing
Rich effects library
Easy website embedding
WebCrumbs
Dev Tool
#React#AI Builder
AI-powered frontend development tool enabling developers to quickly build and iterate React apps through a plugin system.
AI component generation
Plugin-based architecture
Rapid prototyping
Wegic
AI Builder
#AI Builder#Web Design
AI web designer and developer that creates high-quality websites and apps through conversation.
Conversational website building
Multi-language support
Responsive design
Replit
Dev Tool
#IDE#Cloud
Collaborative browser-based IDE supporting multiple languages with built-in AI assistance and one-click deployment.
Cloud development environment
Real-time collaboration
AI code generation and explanation
Rork
AI Builder
#No-Code#Mobile App
AI-powered no-code mobile app development platform enabling anyone to quickly build iOS and Android apps.
No-code app development
AI-assisted design
Cross-platform deployment
Netlify
Infrastructure
#Hosting#Deployment
Modern web development platform with automated builds, deployment, and serverless functions to accelerate website launches.
Automated CI/CD
Serverless functions
Global edge network
Supabase
Infrastructure
#Backend#Database
Open-source Firebase alternative providing database, authentication, real-time subscriptions, and storage services.
PostgreSQL database
Real-time data subscriptions
Auto-generated APIs
GitHub
Dev Tool
#Version Control#Collaboration
World's largest code hosting and collaboration platform with version control, CI/CD, and AI coding assistant Copilot.
Git version control
GitHub Actions automation
Copilot AI assistance
Hugging Face
Dev Tool
#AI#Machine Learning
AI community and platform with tens of thousands of open-source models, datasets, and demo apps, democratizing AI.
Open-source model hub
Model hosting and inference
Spaces app demos
Bolt.new
AI Builder
#AI Builder#Web App
Browser-based full-stack web development agent that lets you build, run, and deploy full-stack apps directly in the browser.
Browser-based full-stack development
AI-powered code generation
Instant preview and deployment
Apify
Automation
#Web Scraping#Automation
Comprehensive web scraping and automation platform with rich ready-made crawlers and custom Actor development capabilities.
Web scraping and automation
Rich Actor store
Cloud scheduling and storage
Make
Automation
#Automation#No-Code
Powerful visual automation platform that lets you connect apps and design complex workflows without writing code.
Visual workflow design
Thousands of app integrations
Flexible logic control
AntiGravity
Dev Tool
#Google#AI Editor
Google's AI-powered development tool with powerful AI agent models and unlimited Tab autocomplete.
Gemini 3 Pro and Claude Sonnet models
Unlimited Tab autocomplete
AI-powered editor agent
Stitch
Design
#Google#UI Design
Google's AI UI design tool that generates mobile and web app interfaces through natural language prompts.
Natural language UI generation
Rapid prototyping
Export clean code
v0
AI Builder
#Vercel#UI Generator
Vercel's AI UI generation tool that quickly generates React components and complete interface code.
Generate React / Tailwind code
Multi-round conversation iteration
Seamless Vercel ecosystem integration
Windsurf
Dev Tool
#AI Editor#Codeium
Codeium's AI code editor combining powerful Cascade agent with deep codebase understanding.
Cascade AI agent
Deep codebase awareness
Multi-model support (GPT-4, Claude, Gemini)
Vibe Coding Club
Community
#Community#Learning
Community built for Vibe Coding learners with rich learning resources, real-world cases, and networking opportunities.
Learning resource library
Real-world case sharing
Community interaction
OpenAI Cookbook
Dev Tool
#Documentation#OpenAI
Official OpenAI example code and guides covering common API tasks and best practices, essential for learning AI app development.
Rich API usage examples
Covers GPT, Embeddings, and more
Community-contributed real-world cases
Anthropic Claude Cookbook
Dev Tool
#Documentation#Claude
Official Anthropic Claude API development guide with detailed code examples and integration tutorials to help you get started with Claude development.
Claude API integration guide
Practical prompt examples
Various application scenario tutorials
Gemini API Cookbook
Dev Tool
#Documentation#Google
Google's official Gemini API developer guide with Python quickstart and rich code examples to explore Gemini's powerful features.
Gemini API quickstart
Multimodal application examples
Google Colab interactive tutorials
Cursor Documentation
Dev Tool
#Documentation#Cursor
Official Cursor editor documentation detailing AI feature usage and best practices to help you master Vibe Coding core tools.
Detailed AI feature explanations
Shortcuts and operation guide
Advanced configuration tutorials
OpenAI Prompt Engineering Guide
Dev Tool
#Prompt Engineering#OpenAI
Official OpenAI prompt engineering guide explaining how to design effective prompts to improve AI model output quality.
Prompt engineering strategies and techniques
Practical prompt examples
Model behavior optimization guide
Anthropic Prompt Library
Dev Tool
#Prompt Engineering#Claude
Anthropic's official prompt library with quality prompts for various scenarios, available for developer reference and direct use.
Rich prompt examples
Covers programming, writing, and more
Optimized for Claude