100 Responsive HTML Tool Prompts with Full Features in HTML, CSS, and JavaScript

Here are 100 prompts for generating multiple HTML tool prompts like screen recorder, text to PDF, image editor, and more. Each prompt includes the main features of the respective tool:

1. Write a complete responsive code of a screen recorder with features to record audio, video, pause, resume, save, and download the recording in HTML, CSS, and JavaScript.

2. Write a complete responsive code of a text to PDF converter with features to input text, convert to PDF, download the file, and style the document in HTML, CSS, and JavaScript.

3. Write a complete responsive code of an image editor with features for cropping, resizing, rotating, applying filters, and saving the image in HTML, CSS, and JavaScript.

4. Write a complete responsive code of an audio player with features like play, pause, skip, volume control, track duration, and playlist support in HTML, CSS, and JavaScript.

5. Write a complete responsive code of a color picker with features for selecting RGB/Hex values, displaying color preview, and generating the selected color code in HTML, CSS, and JavaScript.

6. Write a complete responsive code of a text-to-speech tool with features for voice selection, speed control, and text-to-audio conversion in HTML, CSS, and JavaScript.

7. Write a complete responsive code of a video player with features for play/pause, volume control, skip, full-screen mode, and captions in HTML, CSS, and JavaScript.

8. Write a complete responsive code of a contact form with features for name, email, message fields, form validation, and submit button in HTML, CSS, and JavaScript.

9. Write a complete responsive code of a file uploader with features to select files, drag-and-drop functionality, progress bar, and multiple file uploads in HTML, CSS, and JavaScript.

10. Write a complete responsive code of a QR code generator with features for text input, generate QR code, and download option in HTML, CSS, and JavaScript.

11. Write a complete responsive code of a calculator with features for basic arithmetic, scientific functions, and a clear button in HTML, CSS, and JavaScript.

12. Write a complete responsive code of a text editor with features for bold, italic, underline, font size, font family, and color options in HTML, CSS, and JavaScript.

13. Write a complete responsive code of a file converter with features for converting between file formats like TXT to PDF, JPG to PNG, and CSV to Excel in HTML, CSS, and JavaScript.

14. Write a complete responsive code of an emoji picker with features to search and select emojis, and copy the selected emoji to clipboard in HTML, CSS, and JavaScript.

15. Write a complete responsive code of a weather app with features to input location, show weather information like temperature, humidity, and forecast in HTML, CSS, and JavaScript.

16. Write a complete responsive code of a timer with features to set countdown, start/stop/pause, and reset the timer in HTML, CSS, and JavaScript.

17. Write a complete responsive code of a to-do list with features for adding, editing, deleting tasks, and marking tasks as completed in HTML, CSS, and JavaScript.

18. Write a complete responsive code of a survey form with features for input fields, radio buttons, checkboxes, and submit button in HTML, CSS, and JavaScript.

19. Write a complete responsive code of a unit converter with features for converting units like length, weight, temperature, and currency in HTML, CSS, and JavaScript.

20. Write a complete responsive code of a chat application with features for real-time messaging, user status, and emoji support in HTML, CSS, and JavaScript.

21. Write a complete responsive code of a responsive navigation menu with features for dropdowns, submenus, and mobile-friendly layout in HTML, CSS, and JavaScript.

22. Write a complete responsive code of a portfolio website with features for project display, image galleries, and client testimonials in HTML, CSS, and JavaScript.

23. Write a complete responsive code of a login page with features for username, password fields, form validation, and password reset in HTML, CSS, and JavaScript.

24. Write a complete responsive code of a signup form with features for username, email, password, password confirmation, and validation in HTML, CSS, and JavaScript.

25. Write a complete responsive code of a pricing table with features for multiple plans, plan descriptions, and comparison in HTML, CSS, and JavaScript.

26. Write a complete responsive code of a newsletter signup form with features for email input, subscription button, and confirmation message in HTML, CSS, and JavaScript.

27. Write a complete responsive code of a quote generator with features to display random quotes and a button to generate a new quote in HTML, CSS, and JavaScript.

28. Write a complete responsive code of an audio recorder with features for recording, playback, stop, and download in HTML, CSS, and JavaScript.

29. Write a complete responsive code of a responsive image gallery with features for multiple images, hover effects, and lightbox functionality in HTML, CSS, and JavaScript.

30. Write a complete responsive code of a random password generator with features for length selection, character type selection, and password display in HTML, CSS, and JavaScript.

31. Write a complete responsive code of a task manager with features for adding, editing, and organizing tasks, with priority levels in HTML, CSS, and JavaScript.

32. Write a complete responsive code of a file explorer with features for browsing directories, previewing files, and uploading/downloading in HTML, CSS, and JavaScript.

33. Write a complete responsive code of a markdown editor with features for real-time preview, syntax highlighting, and export to HTML in HTML, CSS, and JavaScript.

34. Write a complete responsive code of a chatbot with features for predefined responses, user input, and conversation history in HTML, CSS, and JavaScript.

35. Write a complete responsive code of a sticky notes app with features for creating, deleting, and saving sticky notes in HTML, CSS, and JavaScript.

36. Write a complete responsive code of a currency converter with features for selecting currencies, input fields, conversion calculation, and real-time exchange rates in HTML, CSS, and JavaScript.

37. Write a complete responsive code of a video downloader with features to input video URL, download button, and video quality options in HTML, CSS, and JavaScript.

38. Write a complete responsive code of a image slider with features for next/prev navigation, autoplay, and thumbnail navigation in HTML, CSS, and JavaScript.

39. Write a complete responsive code of a chatroom with features for multiple users, message history, and real-time updates in HTML, CSS, and JavaScript.

40. Write a complete responsive code of a flipbook with features for page turning, zoom, and auto-play in HTML, CSS, and JavaScript.

41. Write a complete responsive code of a Gantt chart with features for task scheduling, progress tracking, and visual timelines in HTML, CSS, and JavaScript.

42. Write a complete responsive code of a contact list with features for adding, editing, and searching contacts, and sorting them alphabetically in HTML, CSS, and JavaScript.

43. Write a complete responsive code of a file comparison tool with features for comparing text files, highlighting differences, and exporting results in HTML, CSS, and JavaScript.

44. Write a complete responsive code of an audio converter with features for converting between MP3, WAV, and OGG formats in HTML, CSS, and JavaScript.

45. Write a complete responsive code of a scraping tool with features for inputting a URL, extracting data, and saving results in HTML, CSS, and JavaScript.

46. Write a complete responsive code of a webcam capture tool with features for taking snapshots, recording video, and saving images in HTML, CSS, and JavaScript.

47. Write a complete responsive code of a video converter with features for converting videos to multiple formats like MP4, AVI, and MOV in HTML, CSS, and JavaScript.

48. Write a complete responsive code of a PDF editor with features for adding text, images, and annotations to PDF documents in HTML, CSS, and JavaScript.

49. Write a complete responsive code of an event countdown with features to set event date, countdown timer, and customizable appearance in HTML, CSS, and JavaScript.

50. Write a complete responsive code of a screen capture tool with features for taking screenshots, editing, and saving images in HTML, CSS, and JavaScript.

51. Write a complete responsive code of a markdown to HTML converter with features for inputting markdown, converting to HTML, and previewing the result in HTML, CSS, and JavaScript.

52. Write a complete responsive code of a GIF maker with features for uploading images, creating GIFs, and downloading the result in HTML, CSS, and JavaScript.

53. Write a complete responsive code of a website blocker with features to block websites, set a timer for blocking, and a whitelist option in HTML, CSS, and JavaScript.

54. Write a complete responsive code of an alarm clock with features for setting alarms, snooze option, and customizable sound in HTML, CSS, and JavaScript.

55. Write a complete responsive code of a slide show presentation with features for adding images, captions, transitions, and full-screen mode

56. Write a complete responsive code of an online code editor with features for syntax highlighting, auto-completion, and running code in HTML, CSS, and JavaScript.

57. Write a complete responsive code of a calendar app with features for adding events, showing daily/weekly/monthly views, and setting reminders in HTML, CSS, and JavaScript.

58. Write a complete responsive code of a voice recorder with features for recording audio, playback, and saving the file in MP3 or WAV format in HTML, CSS, and JavaScript.

59. Write a complete responsive code of an auto-image slider with features for auto-play, manual control, and transition effects in HTML, CSS, and JavaScript.

60. Write a complete responsive code of a password strength checker with features for checking password strength, showing feedback, and strength level indicator in HTML, CSS, and JavaScript.

61. Write a complete responsive code of a todo list with reminder with features for adding tasks, setting reminders, and marking tasks as completed in HTML, CSS, and JavaScript.

62. Write a complete responsive code of a task timer with features to start/stop the timer, track time spent on tasks, and reset the timer in HTML, CSS, and JavaScript.

63. Write a complete responsive code of a BMI calculator with features for calculating Body Mass Index, providing health tips, and saving data in HTML, CSS, and JavaScript.

64. Write a complete responsive code of a color palette generator with features to create custom color palettes, save and download color codes in HTML, CSS, and JavaScript.

65. Write a complete responsive code of a barcode generator with features for generating and downloading barcodes in different formats (e.g., PNG, JPG) in HTML, CSS, and JavaScript.

66. Write a complete responsive code of a signature pad with features to draw, save, clear, and download digital signatures in HTML, CSS, and JavaScript.

67. Write a complete responsive code of a Markdown live preview editor with features for live rendering of markdown content, live HTML preview, and export options in HTML, CSS, and JavaScript.

68. Write a complete responsive code of a text file viewer with features to open, view, edit, and save text files in HTML, CSS, and JavaScript.

69. Write a complete responsive code of an emoji keyboard with features for searching emojis, selecting emojis, and copying to clipboard in HTML, CSS, and JavaScript.

70. Write a complete responsive code of a split-screen video player with features to watch two videos simultaneously, with separate controls and sync options in HTML, CSS, and JavaScript.

71. Write a complete responsive code of a meme generator with features to add text to images, resize and position text, and download the final meme image in HTML, CSS, and JavaScript.

72. Write a complete responsive code of a PDF reader with features to upload and display PDF files with zoom, page navigation, and search functionality in HTML, CSS, and JavaScript.

73. Write a complete responsive code of a text formatter with features to adjust text size, alignment, line spacing, and font styles in HTML, CSS, and JavaScript.

74. Write a complete responsive code of a data table editor with features for adding, editing, and deleting rows and columns, and exporting the data in HTML, CSS, and JavaScript.

75. Write a complete responsive code of a web page screenshot tool with features for taking full-page or selected area screenshots and saving as PNG or JPG in HTML, CSS, and JavaScript.

76. Write a complete responsive code of a time zone converter with features to input time in one zone, convert to another zone, and display results in HTML, CSS, and JavaScript.

77. Write a complete responsive code of a font generator with features for generating text in different fonts, styling options, and downloading text as images in HTML, CSS, and JavaScript.

78. Write a complete responsive code of a PDF to text converter with features to upload PDFs, extract text, and display results in HTML, CSS, and JavaScript.

79. Write a complete responsive code of an image to text (OCR) tool with features to upload images, extract text from the image, and display the result in HTML, CSS, and JavaScript.

80. Write a complete responsive code of a hash generator with features for generating MD5, SHA1, SHA256, and other hash types from text input in HTML, CSS, and JavaScript.

81. Write a complete responsive code of an audio equalizer with features for adjusting bass, treble, and volume, and displaying audio waves in HTML, CSS, and JavaScript.

82. Write a complete responsive code of a countdown timer with features to set date/time, countdown to event, and customizable alert messages in HTML, CSS, and JavaScript.

83. Write a complete responsive code of a image to GIF converter with features for uploading images, setting GIF properties, and downloading the converted GIF in HTML, CSS, and JavaScript.

84. Write a complete responsive code of an SVG editor with features for drawing, editing, and exporting SVG files in HTML, CSS, and JavaScript.

85. Write a complete responsive code of an FTP file manager with features for uploading, downloading, and managing files through FTP in HTML, CSS, and JavaScript.

86. Write a complete responsive code of a note-taking app with features for creating, saving, editing, and deleting notes in HTML, CSS, and JavaScript.

87. Write a complete responsive code of a discount calculator with features for entering original price, discount percentage, and calculating the final price in HTML, CSS, and JavaScript.

88. Write a complete responsive code of a responsive grid layout generator with features to customize columns, rows, spacing, and responsiveness for different screen sizes in HTML, CSS, and JavaScript.

89. Write a complete responsive code of a age calculator with features for entering birthdate and calculating age in years, months, and days in HTML, CSS, and JavaScript.

90. Write a complete responsive code of a file compression tool with features for selecting files, compressing them, and downloading the zipped folder in HTML, CSS, and JavaScript.

91. Write a complete responsive code of a team collaboration tool with features for messaging, task assignment, and file sharing in HTML, CSS, and JavaScript.

92. Write a complete responsive code of a website speed test tool with features for testing loading time, performance, and generating speed reports in HTML, CSS, and JavaScript.

93. Write a complete responsive code of a newsletter template generator with features for creating responsive email templates with customizable layouts and colors in HTML, CSS, and JavaScript.

94. Write a complete responsive code of an image resizer with features for resizing, cropping, and rotating images, with an option to download the modified image in HTML, CSS, and JavaScript.

95. Write a complete responsive code of a checklist app with features for creating checklists, marking tasks as done, and saving progress in HTML, CSS, and JavaScript.

96. Write a complete responsive code of a word counter with features for counting words, characters, and paragraphs in a given text in HTML, CSS, and JavaScript.

97. Write a complete responsive code of an online invoice generator with features for creating, editing, and downloading invoices in PDF format in HTML, CSS, and JavaScript.

98. Write a complete responsive code of a percentage calculator with features to calculate percentage, discount, and tax from a given number in HTML, CSS, and JavaScript.

99. Write a complete responsive code of a barcode scanner with features for capturing barcodes using the webcam, decoding, and displaying the result in HTML, CSS, and JavaScript.

100. Write a complete responsive code of a GIF search engine with features to search, view, and download GIFs from a collection or API in HTML, CSS, and JavaScript.

These prompts should help generate code for a variety of useful tools that you can integrate into a website using HTML, CSS, and JavaScript!