Skip to content
Viral Coder

Tech Made Simple

  • HTML
  • CSS
  • JavaScript
  • React
  • Projects
  • Tricks & Tips
  • HTML
  • CSS
  • JavaScript
  • React
  • Projects
  • Tricks & Tips
  • Home
  • HTML
Comic-Style Image Converter
Posted inProjects

Build an Amazing Comic-Style Image Converter with JavaScript

Creating a comic-style image converter is a fun and creative project. It combines web development with image processing. To start, you can use HTML, CSS, JavaScript, and OpenCV.js to turn…
Read More
toogle
Posted inProjects

How to Build a Modern Password Input Field with Toggle Visibility

In modern web applications, user experience is crucial, especially for login and signup forms. One common feature is the ability to show or hide password input. In this blog, we…
Read More
Glassmorphism Calculator
Posted inProjects

How to Build an Amazing Glassmorphism Calculator (Beginner)

Introduction In this tutorial, we will build a Glassmorphism Calculator using HTML, CSS, and JavaScript. Glassmorphism is a modern design trend that gives elements a frosted glass appearance, creating a…
Read More
spin wheel
Posted inProjects

How to Build a Spin Wheel App with Chart.js(UI)

In this tutorial, we will create a simple Spin Wheel App using HTML, CSS, JavaScript, and the Chart.js library. Users can spin the wheel to get a random value between…
Read More
hoverable menu
Posted inProjects

How to Creat an Amazing Hoverable Sidebar Menu using JavaScript

Introduction: In the realm of web development, user interface (UI) components play a crucial role in shaping user experience. One such component is the sidebar menu, a ubiquitous feature in…
Read More
Sales Notification
Posted inProjects

How to Make Sales Notification using HTML, CSS & JavaScript

Introduction In this guide, we'll explore the creation of a Fake Sales Notification system using HTML, CSS, and JavaScript. This system simulates real-time purchase alerts, adding a dynamic and engaging…
Read More
price range slider
Posted inProjects

How to Make Custom Price Range Slider using JavaScript

Introduction In this comprehensive guide, we will walk through the process of crafting a sophisticated Custom Price Range Slider using a combination of HTML, CSS, and JavaScript. This slider not…
Read More
movie card slider
Posted inProjects

How to create a Sliding Cards using HTML, CSS & JS

Introduction In this detailed blog post, we'll explore the creation of a captivating "Movie Night" section for your website. By combining HTML, CSS, and a touch of JavaScript with the…
Read More
bottom -modal
Posted inProjects

How to make a Draggable Bottom Sheet Modal using CSS & JS

Introduction In this comprehensive blog post, we will embark on a journey to create a draggable bottom sheet modal using HTML, CSS, and JavaScript. This interactive UI component not only…
Read More
flash_light
Posted inJavaScript

How to Make FlashLight Effect using HTML, CSS & JS

Introduction In the vast realm of web design, creativity knows no bounds. In this blog post, we will delve into the enchanting world of the flashlight effect, a unique and…
Read More

Posts pagination

1 2 3 Next page
  • YouTube
  • Instagram
  • Telegram
About Us

Viral Coder is dedicated for providing quick and effective coding tutorials. We provide awesome coding tricks & tips that every developer must check.

Navigation
  • About Us
  • Contact Us
  • Privacy Policy
Copyright 2025 — Viral Coder. All rights reserved.
Scroll to Top