Wrixel 🚀

Wrixel is a modern, AI-powered web application that transforms articles, blog posts, and social media links into stunning, shareable visual posters. Whether you're a creator, marketer, or reader, Wrixel helps you craft beautiful visuals from your favorite content in seconds.

✨ Features

• 🔗 Link to Visual: Simply paste any public URL (Articles, X/Twitter, Instagram, etc.), and Wrixel extracts the core content.
• 🎨 AI-Driven Design: Automatically crafts layout, typography, and imagery based on the content.
• 🖼️ Multiple Formats: Export your designs as Story (9:16), Post (1:1), or Landscape (16:9).
• 🛠️ Real-time Editor: Customize templates, colors, and fonts with a seamless, interactive preview.
• 📥 High-Quality Export: Download your creations as high-resolution PNG or SVG files.

🛠️ Tech Stack

• Framework: Next.js 15+ (App Router)
• Styling: Tailwind CSS 4 & Radix UI
• State Management: Zustand
• Content Extraction: Puppeteer & Cheerio
• Rendering: HTML5 Canvas & html-to-image
• Animations: Lucide React & Framer Motion (via Tailwind animate)

🚀 Getting Started

Prerequisites

• Node.js 20+
• npm / yarn / pnpm

Installation

1. Clone the repository:

   git clone https://github.com/sarathscn/Wrixel.git
   cd wrixel

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

4. Build for production:

   npm run build

📄 License

This project is private and intended for personal/professional use.

---

Developed with ❤️ by Sarath