%20--%3e%3cdefs%3e%3cstyle%3e%20.st0%20{%20fill:%20%23061b40;%20}%20.st1%20{%20fill:%20%23306af1;%20}%20.st2%20{%20fill:%20%235ce5cf;%20}%20%3c/style%3e%3c/defs%3e%3cg%3e%3cpath%20class='st0'%20d='M55,10.5h9v3h-9v9h12V7.5h-12v3ZM64,19.5h-6v-3h6v3Z'/%3e%3cpolygon%20class='st0'%20points='69%2016.5%2078%2016.5%2078%2019.5%2069%2019.5%2069%2022.5%2081%2022.5%2081%2013.5%2072%2013.5%2072%2010.5%2081%2010.5%2081%207.5%2069%207.5%2069%2016.5'/%3e%3cpolygon%20class='st0'%20points='95%2010.5%2095%207.5%2083%207.5%2083%2022.5%2095%2022.5%2095%2019.5%2086%2019.5%2086%2016.5%2095%2016.5%2095%2013.5%2086%2013.5%2086%2010.5%2095%2010.5'/%3e%3cpath%20class='st0'%20d='M40,1.5v21h11.6l1.4-1.4v-7.6h0c0,0-1.4-1.5-1.4-1.5l1.4-1.4V2.9l-1.4-1.4h-11.6ZM50,19.5h-7v-6h7v6ZM50,10.5h-7v-6h7v6Z'/%3e%3c/g%3e%3cpath%20class='st1'%20d='M23.1,24L14.7,4.8l-4.9,11.2h3.8l-1.8,4H3.3L12.1,0H2C.9,0,0,.9,0,2v20c0,1.1.9,2,2,2h21.1Z'/%3e%3cpath%20class='st2'%20d='M34,0h-16.8l10.6,24h6.2c1.1,0,2-.9,2-2V2C36,.9,35.1,0,34,0ZM32.5,20h-4V4h4v16Z'/%3e%3c/svg%3e)
Vx.dev
Overview :
vx.dev is an open-source alternative to v0.dev with the following benefits:
- Cost-effective: Through prompt engineering, the cost of use can be greatly reduced
- Easily customizable: Open-source prompts are provided, allowing for the customization of UI components or coding styles to meet specific needs
- Seamless GitHub Integration: Generated code is stored on GitHub, featuring built-in version control and code review functionalities
The working principle of vx.dev involves using the GPT-4 model to generate code based on predefined prompts. The main cost lies in the number of tokens for input and completion. Prompts are stored in 'prompts/ui-gen.md', including instructions for shadcn/ui, lucide, and nivo charts. Reducing unnecessary component instructions can lower the API cost of each generation.
vx.dev is easy to customize. Users can modify existing prompts, switch to other UI libraries, or adjust the coding style. Generated code is stored on GitHub, offering version control and collaboration features. Private repositories ensure the visibility of generated results.
Target Users :
["Generate web/app UI codes","Iteratively optimize code through code review","Build page prototypes","Quickly realize interface designs"]
Use Cases
1. Modify the prompts in 'prompts/ui-gen.md' to generate code using Tailwind CSS as the styling library
2. Generate code for internal pages within private repositories to ensure information security
3. Implement an online code generation tool based on vx.dev prompts and embed it into your own website
Features
Cost-effective: Reduce usage costs through prompt engineering
Easily customizable: Open-source prompts, customizable UI and coding styles
GitHub Integration: Leverage version control and collaboration features
Featured AI Tools
Screenshot To Code
Screenshot-to-code is a simple application that uses GPT-4 Vision to generate code and DALL-E 3 to generate similar images. The application has a React/Vite frontend and a FastAPI backend. You will need an OpenAI API key with access to the GPT-4 Vision API.
AI code generation
969.3K
Codegemma
CodeGemma is an advanced large language model released by Google, specializing in generating, understanding, and tracking instructions for code. It aims to provide global developers with high-quality code assistance tools. It includes a 2 billion parameter base model, a 7 billion parameter base model, and a 7 billion parameter model for guiding tracking, all optimized and fine-tuned for code development scenarios. It excels in various programming languages and possesses exceptional logical and mathematical reasoning abilities.
AI code generation
326.8K