Posts

Image Blur Tool AI Prompt

 Create an advanced Image Blur Tool using HTML, CSS, and JavaScript with the following features: 🖼️ Core UI: A user interface with a drag-and-drop or file input to upload an image. A preview area where the uploaded image is displayed. Responsive layout with a modern, clean design. 🎛️ Blur Controls: A slider to control the intensity of the blur (range 0px to 30px). Drop-down or radio buttons to choose blur types : Gaussian Blur (default) Box Blur Motion Blur (simulated via CSS/JS filters) A toggle for live preview (apply blur in real time). 📐 Area Selection: Let users select a specific region of the image to blur using: A draggable and resizable rectangle overlay (with handles). Option to apply blur to the entire image or the selected area only . ✨ Advanced Features: Feathering control for smooth blur edges (via mask or gradient fade). Ability to invert selection (blur everything except selected area). Support f...
Post a Comment
Read more

Voice-to-Text Generator AI Prompt

Create a fully-functional Voice-to-Text Generator in HTML that uses advanced features for speech recognition, real-time transcription, language selection, error correction, and user customization. Features to Include : Speech Recognition : Use the Web Speech API or any other advanced speech recognition API (e.g., Google Web Speech API). Real-time voice input for live transcription. Handle various accents and speech patterns with accuracy. Multilingual Support : Enable users to choose different languages for speech recognition (e.g., English, Spanish, French, etc.). Allow dynamic switching between languages during speech input. Customizable UI/UX : Provide a modern, intuitive user interface with a responsive design. Include a microphone button that users can press to start/stop dictation. Show a real-time word count or characters typed. Option for users to highlight or select specific words in the transcription. Error Correction & Sugges...
Post a Comment
Read more

Advanced Bandwidth Calculator AI Promt

  Advanced Bandwidth Calculator (HTML + JavaScript) Objective: Create a responsive and user-friendly Bandwidth Calculator using HTML, CSS, and JavaScript. The tool should allow users to calculate the required internet bandwidth based on various parameters and support both download and upload bandwidth estimations. Core Features: User Input Fields: Number of users/devices Average usage per user/device (Light, Moderate, Heavy) Type of usage (Streaming, Browsing, Gaming, Video Calls, Downloads, Cloud Work) Hours of usage per day Desired connection quality (Basic, Good, Excellent) Advanced Functionalities: Real-time bandwidth calculation Recommended bandwidth per usage type Dynamic result visualization (chart/graph) Display estimated total bandwidth in Mbps/Gbps Upload vs Download bandwidth split Suggestions for ISP plans based on the result Option to switch between metric (Mbps) and imperial (MBps) units Responsive Design: Mobile...
Post a Comment
Read more

TikTok Video Downloader AI Promt

  Build a TikTok Video Downloader in HTML with All Advanced Features Objective: Develop a fully functional and visually appealing TikTok Video Downloader web app using HTML, CSS, and JavaScript. The application should allow users to download TikTok videos by pasting the video URL, with advanced options like no-watermark downloads, format selection, and a smooth user interface. 🚀 Core Functionality Requirements: URL Input Field Clean input form to paste TikTok video URLs Validate that the input is a proper TikTok link Instant feedback on URL validity (green checkmark or red warning) Fetch & Display Video Details Use a backend API (or mock JSON) to fetch video metadata Display: Video thumbnail/preview Creator username Video caption Duration or date posted Download Options Multiple video quality choices (480p, 720p, 1080p) Toggle for “No Watermark” vs “With Watermark” Audio-only download option (MP3 or M4A) Download bu...
Post a Comment
Read more

Instagram Video Downloader AI Prompt

  Create an Instagram Video Downloader in HTML with All Advanced Features Objective: Build a responsive and fully functional Instagram Video Downloader using HTML, CSS, and JavaScript. The web app should allow users to input any Instagram post URL (reels, videos, or IGTV), fetch video details, and provide downloadable links in various formats. 🧰 Core Features: Instagram URL Input Input field for the Instagram video/reel URL Real-time URL validation Show clear error messages for invalid links Fetch Video Information On submit, fetch available video data from an API (or mock the data if backend is unavailable) Display the video preview, title, thumbnail, uploader (if possible) Download Options List all available resolutions (360p, 720p, 1080p) Option to download video only , audio only , or video + audio combined Direct download buttons for each option User Interface Clean, responsive design using HTML/CSS Mobile and desktop fri...
Post a Comment
Read more

Twitter Video Downloader AI Prompt

  Create a Twitter Video Downloader in HTML with Advanced Features Objective: Build a sleek and user-friendly Twitter Video Downloader web page using HTML, CSS, and JavaScript. The tool should allow users to input a Twitter video URL and download the video in various resolutions (e.g., 360p, 720p, 1080p), including options for audio-only downloads. Key Features: URL Input Form: Input field to paste the Twitter video URL. Validate the URL format to ensure it's a valid Twitter link. Real-time feedback if the URL is invalid. Fetch Video Data: On submit, fetch available video qualities via a backend API (assume it's available or mocked). Display video thumbnail, title (if possible), and available formats. Resolution and Format Selection: Let users choose between video resolutions and audio-only versions. Provide buttons to download each version. Advanced UI/UX: Responsive design for mobile and desktop. Use modern UI elements: loading...
Post a Comment
Read more

Invoice Generator Tools Creator AI Prompt

  Prompt: Create a full-featured Invoice Generator using HTML , CSS , and JavaScript (vanilla or with a lightweight framework like Vue.js if needed). The application should have a modern, responsive UI and support the following advanced features : Core Features: Form fields for: Client information (Name, Email, Address) Invoice number, date, and due date Company information (logo upload, name, address, contact) Dynamic item list (add/remove items) with: Item name/description Quantity Price per unit Line total Auto-calculated totals: Subtotal Tax (customizable percentage) Discount (fixed or percentage) Grand Total Advanced Features: Real-time preview of the invoice Download as PDF (using jsPDF or html2pdf) Save invoice locally (in localStorage or IndexedDB) Load previous invoices Print functionality Editable currency and tax rate Dark mode toggle Responsive design for mobile/tablet/desktop Optional Bo...
Post a Comment
Read more