VibeArt

About VibeArt

An infinite canvas for AI-powered multimodal content creation. Transform your ideas into stunning images, videos, and 3D models.

Our Mission

VibeArt empowers creators with an infinite canvas for AI-generated content. We believe creativity should have no bounds—literally. Whether you're creating images, videos, or 3D models, your workspace grows with your imagination.

What Makes VibeArt Different

We're not just another AI tool. We're built for creative exploration:

  • Infinite Canvas: Unlimited workspace that grows with your projects
  • Multimodal AI: Generate images, videos, and 3D models from text prompts
  • Smart Organization: Session-based workflows to keep your creations organized
  • Powerful Editing: Remove backgrounds, refine prompts, enhance your content
  • Multiple AI Models: Choose from various state-of-the-art AI generators
  • Flexible Formats: Support for multiple aspect ratios and export options
Who VibeArt is For

Artists, designers, content creators, and anyone who wants to explore AI-powered creativity. Whether you're creating for social media, professional projects, or just for fun, VibeArt gives you the tools and space to bring your visions to life.

What's Included

Everything you need to start building modern web apps:

  • Next.js 14 with App Router and Server Components
  • TypeScript for type safety
  • Authentication with Supabase
  • Payment integration with a Merchant of Record
  • Multi-language support (English, Chinese, Spanish)
  • 50+ UI components from shadcn/ui
  • Dark/Light theme switching
  • TanStack Query for data fetching
  • Form handling with react-hook-form and Zod
  • AI-friendly documentation (CLAUDE.md and comprehensive guides)

Tech Stack

Next.js 14

React framework with App Router

TypeScript

Type-safe JavaScript

Tailwind CSS

Utility-first CSS framework

shadcn/ui

Beautiful UI components

next-intl

Internationalization

next-themes

Theme management

TanStack Query

Server state management

Zod

Schema validation

react-hook-form

Form handling

Recharts

Data visualization

Getting Started

1. Clone the repository

git clone https://github.com/yourusername/nextjs-starter.git

2. Install dependencies

npm install

3. Run development server

npm run dev