Home | Viral Coder

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…

Home

How to Build a Glassmorphism Calculator Using HTML, CSS, and JavaScript

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…

Home

Building a Currency Converter App in React

In this tutorial, we’ll create a currency converter app using React. This app will allow users to convert amounts between different currencies using real-time exchange rates. Step 1: Setup Start…

Projects

Creating an Amazing Frying Pan Preloader utilizing HTML and SCSS

In this tutorial, we'll create a fun and interactive frying pan preloader using HTML, CSS, and a touch of JavaScript. This preloader will feature a frying pan flipping bacon-like blobs…

Projects

How to Create a Sticky Cursor Effect using HTML, CSS, & JavaScript

In this tutorial, we'll explore how to implement a sticky/stretching cursor effect using HTML, CSS, and JavaScript. This effect can add a visually engaging interaction to your website or web…

Projects

Building an Amazing Birthday Card with CSS 3D Effects

In this tutorial, we'll create a beautiful birthday card using HTML and CSS, incorporating 3D effects to give it a unique and interactive feel. The card will have a front…

Projects

How to Build a Spin Wheel App with Chart.js and JavaScript

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…

Projects

Building an Amazing Sticky App using Local Storage

In this tutorial, we'll create a dynamic note-taking app using HTML, CSS, JavaScript, and jQuery. Users can edit the titles and content of notes, and their changes will be saved…

Projects

Building an Amazing Emoji Customizer with HTML, CSS, and JavaScript

In this tutorial, we'll create an interactive emoji customizer using HTML, CSS, and JavaScript. Users can change the emoji's background color and facial features like eyes, eyebrows, and mouth by…

Projects

How to Create Table Tennis Loader using CSS

In this tutorial, we'll create an animated table tennis SVG using HTML, CSS (SCSS), and SVG. This SVG will showcase a bouncing ball and a moving paddle, simulating a table…