Web Designer  ||  Developer  || React || Nextjs || Graphic Designer  ||  Freelancer

productHunt

github

Taher Hathi  • Peerlist

Introducing a powerful and intuitive tool built to transform your product screenshots into stunning, presentation-ready visuals in just a few clicks.<h3>⭐ Key Features</h3><h3>📸 Smart Screenshot Upload</h3><ul><li>Upload your product screenshots instantly.</li><li>Replace the background with multiple presets including wallpapers, solid colors, conic gradients, and linear gradients.</li></ul><h3>📐 Flexible Aspect Ratios</h3><ul><li>Choose from a wide range of daily-use preset aspect ratios.</li><li>Pro users can also create and use custom aspect ratios.</li></ul><h3>🖱️ Intuitive Canvas Controls</h3><ul><li>Drag and drop your product image anywhere on the canvas.</li><li>Resize effortlessly with smooth zoom-in and zoom-out controls.</li><li>Perfect for adjusting your screenshot layout with precision.</li></ul><h3>🎨 Premade Templates</h3><ul><li>Access beautifully designed One-Click Templates made for professional product presentations.</li></ul><h3>📏 Advanced Layout Customization</h3><ul><li>Choose from multiple Layout Presets or customize manually.</li><li>Full transformation controls:<ul><li>Translate X/Y</li><li>Scale</li><li>Rotate (X, Y, Z)</li><li>Skew (X, Y)</li></ul></li></ul><h3>🌗 Advanced Background Tools</h3><ul><li>Add realistic shadow effects with adjustable opacity.</li><li>Set shadows above or below your screenshot.</li><li>Apply noise and blur effects for stylistic visuals.</li></ul><h3>✨ Screenshot Styling</h3><ul><li>Add premium border styles including:<ul><li>Glass Light</li><li>Glass Dark</li><li>Liquid Glass</li><li>Standard Border</li></ul></li><li>Customize border radius with Sharp, Curved, Round, or Custom Radius.</li></ul><h3>📝 Powerful Annotation System</h3><ul><li>Upload custom annotations and place them anywhere on the canvas.</li><li>Each annotation includes full controls for:<ul><li>Size</li><li>Tilt (X, Y, Z)</li><li>Blur</li></ul></li><li>Right-click to open Quick Actions: Bring to Front • Bring to Back • Duplicate • Delete</li><li>Includes a huge built-in collection of ready-to-use annotation assets:<ul><li>Tapes</li><li>Torn Paper</li><li>Pixel Emojis</li><li>Scribbles &amp; Scribbles 2</li><li>Handwritten Arrows</li><li>3D Abstract</li><li>3D Objects</li><li>Background Lines</li><li>Shapes</li><li>Solid Icons</li><li>Outline Icons</li><li>Social Icons</li><li>Teti Hands</li><li>Notion-Style Icons</li><li>Cursors</li></ul></li></ul><h3>📤 Ultra-High Resolution Export</h3>Export your final designs in up to 10K resolution — perfect for marketing, presentations, and high-quality product pages.<h3>🌓 Additional Highlights</h3><ul><li>Full Light &amp; Dark Mode support.</li><li>Save your work and continue editing anytime with Work-in-Progress Save.</li></ul>

Clicks

Plusewatch is a premium Next.js template designed for developers seeking a sleek, dark-themed UI experience. Inspired by Nightwatch, this template offers a blend of elegant motion and clean layouts, making it ideal for modern dashboards and SaaS applications. Built with TailwindCSS and TypeScript, Plusewatch ensures a developer-friendly architecture with reusable components and purposeful animations. The template is fully responsive, fast, and optimized for search engines, providing a powerful starting point for creating visually refined applications. Key features include a dark theme design, TypeScript support, utility-first styling with TailwindCSS, and smooth animations with Framer Motion. Additionally, Plusewatch is SEO-friendly and ready for modern deployment, compatible with Next.js App Router and suitable for hosting on platforms like Vercel or Cloudflare.

Plusewatch - Premium Next.js Template

<h3>SmartFlow — Next.js + Tailwind SAAS Email Platform Template 🚀</h3>SmartFlow is a polished, high-performance SAAS template built with Next.js and Tailwind CSS, crafted for developers and startups who want to launch email &amp; messaging platforms fast.🔍 Highlights &amp; Features<ul><li>Modular &amp; Clean Design UI components are designed for clarity and consistency — ideal for both marketing pages and internal dashboards.</li><li>Full SAAS Flow Ready Comes with pages and flows for signup, login, dashboard, pricing, API docs — everything you need to layer your SAAS on top.</li><li>API-First Focus The theme assumes integration with email / messaging APIs, making it easy to plug in your backend logic or third-party services.</li><li>Analytics &amp; Email Insights Simulated analytics, email tracking dashboards, campaign stats — great for showing what a real email platform UI might look like.</li><li>Responsive &amp; Fast Fully responsive, optimized for performance using Next.js best practices. Perfect for mobile and desktop.</li><li>Customizable with Tailwind CSS Fully configured Tailwind setup means you can easily tweak colors, spacing, or design tokens to match your brand.</li><li>Developer Friendly Organized folder structure, reusable components, and clear naming. Jump in, modify, extend.</li><li>Modern Stack Next.js brings server-side rendering (SSR), static generation (SSG), and API routes. Tailwind gives you utility-first CSS — both popular tools in the React/JS ecosystem.</li></ul>

SmartFlow

Blocks Templates offer a modern, lightweight, and clean UI inspired by Miter.com’s minimal and functional interface. Built with TypeScript, TailwindCSS, and Framer Motion, these templates deliver a polished experience with smooth animations and reusable components. They are developer-friendly, come with a Figma design file, and are optimized for both designers and developers who want to ship faster without sacrificing quality. Perfect for modern SaaS dashboards, product landing pages, and collaborative apps, Blocks Templates are responsive, accessible, and built with best practices to ensure your product looks and feels premium out of the box. <ul><li>TypeScript Support: Strongly typed components for scalability and reliability.</li><li>7 Pages</li><li>Free updates</li><li>Figma File Included: Get design and code in sync, making collaboration seamless.</li><li>Reusable Components: Modular blocks for faster building and customization.</li><li>Smooth Animations with Framer Motion: Elegant transitions and interactions.</li><li>Fully Responsive: Optimized for desktop, tablet, and mobile screens.</li><li>SEO-Friendly: Structured with clean semantic HTML for better search ranking.</li></ul>

Blocks - Premium Next.js Template

Nextjsshop offers a comprehensive collection of premium Next.js templates and Tailwind CSS components, designed to accelerate your web development process. With modern, responsive UI kits, this platform is ideal for React developers looking to build faster and more efficiently. Key features include:<ul><li>Versatile Component Collection: Access a vast library of thoughtfully designed components to streamline your design process.</li><li>Save Time and Money: Utilize ready-made components to reduce development time and costs, allowing you to focus on creating unique features.</li><li>Unified Visual Design: Maintain a sleek and professional appearance throughout your projects with consistently styled elements.</li><li>Free &amp; Premium Access: Instantly access free components or upgrade to unlock advanced kits.</li></ul>Built with the latest technologies like Next.js, Tailwind CSS, and TypeScript, Nextjsshop ensures a seamless integration into your projects, offering both free and premium options to suit various needs. Whether you're a startup or an established business, these templates and components are designed to enhance your web applications with minimal effort.

Nextjsshop

<h3>Palette AI 🎨✨</h3>Palette AI is an advanced AI-powered tool that generates color palettes and gradients from keywords, making it easier for designers and developers to find the perfect color combinations effortlessly.🔹 Key Features: ✅ AI-Powered Color &amp; Gradient Generation – Generate stunning color palettes and gradients based on any keyword.<ul><li>🎨 <a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="https://www.palleteai.com/palette">Generate Color Palettes</a></li><li>🌈 <a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="https://www.palleteai.com/gradient-generator">Generate Gradients</a> ✅ Color Contrast Checker – Ensure accessibility by checking contrast ratios between colors.</li><li>⚖️ <a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="https://www.palleteai.com/contrast-checker">Check Contrast</a> ✅ Explore Community Creations – Browse palettes and gradients generated by different users.</li><li>🎨 <a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="https://www.palleteai.com/palette">Explore Palettes</a></li><li>🌈 <a target="_blank" rel="noopener noreferrer" class="break-all link-break text-gray-500 hover:underline" href="https://www.palleteai.com/gradients">Explore Gradients</a> ✅ Save &amp; Manage Colors – Save your favorite palettes and gradients for future use. ✅ Seamless User Experience – Built with Next.js and Tailwind CSS for speed and responsiveness.</li></ul>🚀 Whether you're a designer, developer, or creative enthusiast, Palette AI helps you find, explore, and save the best color combinations effortlessly!