This is an open source alternative of v0.dev. It integrates various AI providers for code generation and offers a comprehensive set of features for creating and managing UI components.
Try here - Wind AI Join discord - Discord
- UI generation using various AI providers
- shadcn UI generation
- NextUI generation
- Tailwind CSS generation
- Responsive analyzer
- Code copy functionality
- Fork users' generations
- Unlimited modification of UI
- Theme management
- Clone the repository
- Install dependencies:
npm install
# or
yarn install
# or
pnpm install
# or
bun install- Set up environment variables (see Environment Variables section below)
- Run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
This project uses various environment variables for configuration. Create a .env.local file in the root directory and add the following variables:
# Database
DATABASE_URL="mongodb+srv://<user>:<password>@<cluster>.mongodb.net/<database>?retryWrites=true&w=majority"
# Authentication
AUTH_SECRET=your_auth_secret
AUTH_GITHUB_ID=your_auth_github_id
AUTH_GITHUB_SECRET=your_auth_github_secret
# Optional: Redis for view count
UPSTASH_REDIS_REST_URL=your_upstash_redis_rest_url
UPSTASH_REDIS_REST_TOKEN=your_upstash_redis_rest_token
Refer to the .env.example file for a complete list of available environment variables and their descriptions.
This project uses vercel ai sdk . Apart from the official ai-sdk provider packages, it also include community package anthropic-vertex-ai by nalaso for using anthopic models thorugh vertex ai.
To learn more about the technologies used in this project, check out the following resources:
- Next.js Documentation - learn about Next.js features and API.
- React Documentation - learn about React for building user interfaces.
- Tailwind CSS - a utility-first CSS framework used in this project.
- Prisma - modern database toolkit used for database operations.
- NextAuth.js - authentication library for Next.js applications.
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out the Next.js deployment documentation for more details.
Contributions are welcome! Please feel free to submit a Pull Request.