240+ HTML / CSS Examples with Source Code for Designers

Font Awesome Icon Inside Input Field

Font Awesome Icon Inside Input Field

The stylish input fields attract the users while filling out the form element. We can make the input stylish by defining color and shadow as well as placing an icon inside it. So, this tutorial explains how you can place … Read More

CSS Input Border Animation on Focus

CSS Input Border Animation on Focus

In this tutorial, I’m going to share a pack of cool CSS border animation for the HTML input element. These border animations play on focus event. You can apply these border effects on all types of input except checkbox or … Read More

Create CSS Speech Bubble with Border

Create CSS Speech Bubble with Border

A speech bubble is a visual element that shows the quote or special text that points to something. In web design, it is used in the testimonial to indicate the reviews, tooltips, and text chat interface. Besides this, speech bubbles … Read More

Mobile Navigation Menu using HTML & CSS

Mobile Navigation Menu using HTML & CSS

In this tutorial, you’ll come to know the easy way to build a simple mobile navigation menu using HTML and CSS. Basically, this is a responsive menu project that comes with an animated hamburger toggle menu icon. When a user … Read More

HTML Toggle Switch with Text On/Off

HTML Toggle Switch with Text On/Off

A toggle button is a visual element of the user interface that is used to switch between two (true/false) state. In web development, an HTML radio (or checkbox) input is used to get true and false value on checked and … Read More

Feedback Form in HTML with Star Rating

Feedback Form in HTML and CSS with Demo

Are you looking for a feedback form design? If yes, then you are in the right place. This tutorial explains how to create a feedback form with a star rating system using HTML and CSS. Besides the star-rating, we’ll also … Read More

How to Add Preloader in HTML Page

How to Add Preloader in HTML Page

A preloader is one of the important elements of the user-friendly interface. It indicates that contents are still loading with an animated icon or text. In this tutorial, you will come to know how to create a preloader on the … Read More

Navigation Bar Design Code with Demo

Navigation Bar Design Code with Demo

Are you working on a navigation menu and need the code? If yes! then you are in the right place. Here, you will come to know an easy way to create a navigation bar design with ready-to-use code snippets. This … Read More

Contact Us Page Design in HTML Code

Contact Us Page Design in HTML Code

A “Contact Us” page is one of the most important pages of a website that contains information on all basic contact information, including the contact form. This makes it easy for users to contact for information related to the content … Read More

Image Slideshow in HTML CSS Code with Demo

Image Slideshow in HTML CSS Code with Demo

Are you looking for the HTML & CSS source code for an image slideshow? Well! you are in the right place, here you’ll find complete source code for the image slideshow with a step-by-step implementation/customization guide. This image slideshow is … Read More

CSS Modal with Blur Background Code and Demo

CSS Modal with Blur Background Code and Demo

A modal dialog is one of the useful UI elements to display instant information to the users. Staying on the same webpage, it can be used to show notification, informative content, an image/video, or operational elements. Generally, a transparent overlay … Read More

3D Images Slideshow using HTML and CSS

3D Images Slideshow using HTML and CSS

A 3D slideshow for images is the right option while creating a creative website design. It not only attracts the users but also provide a good user experience while viewing your important images. If you want to create such 3D … Read More