Skip to content

302ai/302_vector_graphics_generation

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

1 Commit
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ–ΌοΈ AI Vector Graphics Generation πŸš€βœ¨

AI Vector Graphics Generation allows you to generate vector graphics using AI through text descriptions or image uploads, and even create videos from vector graphics.

δΈ­ζ–‡ | English | ζ—₯本θͺž

This is the open-source version of the AI Vector Graphics Generation from 302.AI. You can directly log in to 302.AI to use the online version with zero code and zero background, or modify and deploy it yourself according to your requirements.

Interface Preview

Enter text descriptions and select your desired style, ratio, and color to generate vector graphics using AI.

Upload image files to convert them into vector graphics using AI.

Generated vector graphics support zooming and downloading. For images converted to vector graphics, you can use the image comparison slider to examine details.

Upload vector graphics and select video duration to generate vector graphics videos using AI.

Example of video generation from vector graphics.

302_AI_Vector_Graphics_Generation_video.mp4

Project Features

🎨 Text to Vector Graphics

Generate vector graphics using AI through text descriptions, style selection, ratio, and color choices.

πŸ–ΌοΈ Image to Vector Graphics

Convert uploaded images into vector graphics format using AI.

🎬 Vector Graphics to Video

Generate dynamic video effects from vector graphics.

πŸ” High-Resolution Zoom

Generated vector graphics support lossless zooming and downloading.

πŸŒ“ Dark Mode

Supports dark mode to protect your eyes.

🌍 Multi-language Support

  • Chinese Interface
  • English Interface
  • Japanese Interface

🚩 Future Update Plans

  • Add more vector graphics style options
  • Support batch image conversion

πŸ› οΈ Tech Stack

  • Framework: Next.js 14
  • Language: TypeScript
  • Styling: TailwindCSS
  • UI Components: Radix UI
  • State Management: Jotai
  • Form Handling: React Hook Form
  • HTTP Client: ky
  • i18n: next-intl
  • Theming: next-themes
  • Code Standards: ESLint, Prettier
  • Commit Standards: Husky, Commitlint

Development & Deployment

  1. Clone the project
git clone https://github.com/302ai/302_vector_graphics_generation
cd 302_vector_graphics_generation
  1. Install dependencies
pnpm install
  1. Configure environment
cp .env.example .env.local

Modify the environment variables in .env.local as needed.

  1. Start development server
pnpm dev
  1. Build for production
pnpm build
pnpm start

✨ About 302.AI ✨

302.AI is an enterprise-oriented AI application platform that offers pay-as-you-go services, ready-to-use solutions, and an open-source ecosystem.✨

  1. 🧠 Comprehensive AI capabilities: Incorporates the latest in language, image, audio, and video models from leading AI brands.
  2. πŸš€ Advanced application development: We build genuine AI products, not just simple chatbots.
  3. πŸ’° No monthly fees: All features are pay-per-use, fully accessible, ensuring low entry barriers with high potential.
  4. πŸ›  Powerful admin dashboard: Designed for teams and SMEs - managed by one, used by many.
  5. πŸ”— API access for all AI features: All tools are open-source and customizable (in progress).
  6. πŸ’‘ Powerful development team: Launching 2-3 new applications weekly with daily product updates. Interested developers are welcome to contact us.

About

πŸ–ΌοΈπŸ€– 302 Vector Graphics Generation! πŸš€βœ¨

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages