Web Visualizer

A powerful tool for developers to visually customize and generate div elements with real-time preview and code export.

Features

• 🎨 Visual Customization
• 📱 Responsive Design
• ⚡ Real-time Preview
• 📋 Code Export
• 🎚️ Advanced Controls
• 🎯 Easy to Use

Tech Stack

• Next.js 14
• React 18
• TypeScript
• Tailwind CSS
• Framer Motion
• React Color

Getting Started

1. Clone the repository:

git clone https://github.com/Kruthik111/web-visualizer.git

2. Install dependencies:

cd web-visualizer
npm install

3. Run the development server:

npm run dev

4. Open http://localhost:3000 in your browser.

License

MIT License - See LICENSE for details.